uniapp 在写H5的时候如何进行本地跨域测试
首先本地测试的时候是
http://localhost:8080/#/ 这样子的访问链接地址,但是请求服务端的API是有域名的,如果进行cookie的校验,或者其他情况,在去请求的时候,会出现跨域的问题。
可以在manifest.json文件中,参考如下代码:
"h5" : {
"publicPath" : "./",
"router" : {
"mode" : "history",
"base" : "./"
},
"title" : "testDemo",
"optimization" : {
"treeShaking" : {
"enable" : true
}
},
"devServer" : {
"port" : 8080, //浏览器运行端口
"https" : false,
"disableHostCheck" : true,
"proxy" : {
"/dpc" : {
//修改配置跨域代理路由(需要重启、需要重启、需要重启)
"target" : "https://xxxxxx.com",//你自己的API对应的域名
"changeOrigin" : true,
"secure" : false,
"pathRewrite" : {
"^/dpc" : ""
}
}
}
}
}
跨域修改完成之后,重启的方法,点击一下就好了
请求接口中的request 需要进行域名替换,假设你的请求API的链接地址是
https://xxxxx.com/api/getgoodsList
在请求的时候 uni.request({
url:'/dpc'+'/api/getgoodsList',//相当于把你原来的请求服务端数据的域名替换成 配置代理中的pathRewrite
method:'get'||'post',
.....
})
好了,到这里,就OK了。。。。
前端uniapp request请求跨域就是这么简单,欢迎交流学习。