uniapp 解决H5跨域问题 封装请求头修改问题
解决H5跨域问题 找到这里manifest.json文件中,点击“源码视图”,在此对象的最后添加以下代码:
"h5": {
"devServer": {
"disableHostCheck": true,
"proxy": {
"/api": {
"target": "http://qcpd.szyqa.com" // 你需要反向代理的域名或ip,
"changeOrigin": true,
"secure": false,
"pathRewrite": {
"^/api": "/"
}
}
}
},
}
这是封装的请求头 把baceUrl的值改成"/api" 或者把API_URL全局变量改成"/api" 这是我在env.js里面定义的 。
起初不太理解为什么这样写 这样写是怎么实现的调用的反向代理 你可以这么理解 “在manifest.json的源码视图中的h5下进行如下配置,意味着将uni.request发起网络请求时,碰到的/api字符,将转发到tatget的配置的域名”
然后重启服务 有时候需要重启IDE