[JavaScript知识库] uni-app跨域和 Vue 跨域

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> uni-app跨域和 Vue 跨域 -> 正文阅读

[JavaScript知识库]uni-app跨域和 Vue 跨域

1.URL 地址重写不要错误，犯低级错误。
2. 后端接受请求，查看URL是否重写，前端代理是否生效
3.要用浏览器测试跨域问题

uni-app跨域

manifest.json 码源视图中修改

    "h5" : {
        "devServer" : {
            "proxy" : {
                "/devapi" : {
                    "target" : "xxx:8865",
                    "changeOrigin" : true, //是否跨域
                    "secure" : false, // 设置支持https协议的代理
                    "pathRewrite" : {
                        "^/devapi" : "/"
                    }
                }
            }
        },
}

Vue跨域

vue.config.js中修改

 // webpack-dev-server 相关配置
    devServer: {
    	//前端项目主机
        host: '0.0.0.0',
        port: port,
        open: true,
        proxy: {
            // detail: https://cli.vuejs.org/config/#devserver-proxy
            [process.env.VUE_APP_BASE_API]: {
                target: `http://127.0.0.1:9100`,  //目标
                changeOrigin: true,   //实现跨域
                pathRewrite: {
                    ['^' + process.env.VUE_APP_BASE_API]: ''
                }
            }
        },
        disableHostCheck: true
    },