uniapp开发H5解决跨域问题的两种代理方法

第一步

设置 代理根域名

第二步 设置代理 proxy

代理方法一: manifest.json中设置

"h5": {"devServer" : {"https" : false,// "port":"9011", //端口号"proxy": { "/host": { // 接口请求中 从 /host 这里 进行代理target: &＃39;http://XXX.XXX.XXX.XX:9011&＃39;, //这里后台的地址模拟的;应该填写你们真实的后台接口"changeOrigin": true, // 允许跨域 "secure": false,"pathRewrite": {"^/host": "" // 重定向 为空} } } },}


代理方法二: vue.config.js中设置

在devServer{}内加入代理

module.exports &＃61; {// 配置路径别名configureWebpack: {devServer: {// 调试时允许内网穿透&＃xff0c;让外网的人访问到本地调试的H5页面disableHostCheck: true,// port: &＃39;9011&＃39;, //端口号proxy: {&＃39;/host&＃39;: { // 接口请求中 从 /host 这里 进行代理target: &＃39;http://XXX.XXX.XXX.XX:9011&＃39;, //这里后台的地址模拟的;应该填写你们真实的后台接口changeOrigin: true, // 允许跨域pathRewrite: {&＃39;^/host&＃39;: &＃39;&＃39; // 重定向 为空} }}}}// productionSourceMap: false,
}