uniapp解决跨域问题

uni-app解决跨域问题

1.在项目找到manifest.json文件&＃xff0c;添加h5配置

"h5" : {"devServer" : {"port" : 8080, //浏览器运行端口"disableHostCheck" : true, //设置跳过host检查"proxy" : {"/api" : {"target" : "http://localhost:3000", //目标接口域名"changeOrigin" : true, //是否跨域"secure" : false, // 设置支持https协议的代理"pathRewrite":{"^/api":""}}}}}


  业务请求代码&＃xff1a;

  效果如下&＃xff1a;

2.在项目根目录下&＃xff08;即跟App.vue同级&＃xff09;建vue.config.js&＃xff0c;这个文件会默认优先加载

module.exports &＃61; {devServer:{port:&＃39;8080&＃39;,disableHostCheck:true,proxy:{&＃39;/api&＃39;:{target:&＃39;http://localhost:3000&＃39;,changeOrigin:true,pathRewrite:{&＃39;^/api&＃39;: &＃39;&＃39;}}}}
}


  目录位置&＃xff1a;

  效果如下&＃xff1a;