uniapp编译到app是不存在跨域问题的,但是编译到H5就会有跨域问题。记录一下工作中遇到跨域及解决跨域方法
方法一: 直接编译Hbuilder内置浏览器(公司网络下载不下来),能解决跨域
方法二: 在manifest.json文件中配置跨域,该方法类似vue.config.js中的devServer
步骤一
"h5" : {
"devServer" : {
"disableHostCheck" : true, // 开启可以用自己的域名
"proxy": {
"/api": {
"target": "https://www.test.com",
"changeOrigin" : true,
"secure" : false
}
}
}
}
步骤二 很重要,很多人配置了步骤一没效果,因为步骤二没配置好
就是接口请求的时候,不能是正式域名,因为代理已经帮你转了(这里和vue不同,如果2个都写了会调错)
举个栗子
baseUrl = process.env.NODE_ENV === 'development' ? '' : 'https://www.test.com'
然后uni.request请求的url应该是这样:proxy + '/user/info'
然后浏览器看到的请求地址应该是
http://localhost:8080/user/info
方法三 :直接在项目根目录创建一个vue.config.js文件,配置跟方法二一样
该方法跟2一样的,uniapp会识别这个vue.config.js文件,不过manifest.json的优先级
要高于vue.config.js文件