以猫眼电影接口为例:
假设请求接口https://m.maoyan.com/ajax/movieOnInfoList遇到跨域问题
vue解决跨域
在项目根目录下新建vue.config.js文件,做如下配置
module.exports = {
devServer: {
proxy: {
'/ajax': {
target: "https://m.maoyan.com",
changeOrigin: true
}
}
}
}
在进行网络请求的时候请求路径不用拼接域名
fetch("/ajax/movieOnInfoList")
.then(res=>res.json()).then(res=>{
console.log(res)
})
'/ajax'
匹配到路径会自动在前面加入target配置的域名https://m.maoyan.com
uni-app解决跨域
在mainifest.json的源码视图里添加如下代码:
"h5" : {
"devServer" : {
"proxy": {
"/ajax":{
"target": "https://m.maoyan.com",
"changeOrigin": true
}
}
}
}
代码和vue配置差不多,唯一区别就是键值对要加""
号