uniapp proxy配置代理在h5端和app端
proxy代理uniapp官网明确指出配置是在h5属性下进行配置,由于app端是不存在跨域的情况,不存在跨域的情况,所以不需要考虑app端代理,只需要将配置信息配对就可以了我是用的uview封装的请求方式,在main.js中配置服务器地址,一开始我没考虑到app端不存在跨域问题,我统一用了一个地址Vue.prototype.$url = ''mainfest.json中添加:"h5" : {"de
·
proxy代理uniapp官网明确指出配置是在h5属性下进行配置,由于app端是不存在跨域的情况,不存在跨域的情况,所以不需要考虑app端代理,只需要将配置信息配对就可以了
我是用的uview封装的请求方式,在main.js中配置服务器地址,一开始我没考虑到app端不存在跨域问题,我统一用了一个地址
Vue.prototype.$url = ''
mainfest.json中添加:
"h5" : {
"devServer" : {
"port" : 8000,
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "http://xx.xx.xx.xx:8000/",
"ws" : false,
"secure" : false,
"changeOrigin" : true,
"pathRewrite" : {
"^/api" : "/"
}
}
}
}
},
如果这样写就错了,因为我全局的地址是‘’,h5是将地址代理到了指定的路径,但是移动端不识别代理,所以他拿到的还是Vue.prototype.$url = ‘’,就导致找不到服务器地址
改进:
//#ifndef H5
Vue.prototype.$url = 'http://xx.xx.xx.xx:xx'
//#endif
//#ifdef H5
Vue.prototype.$url = '/api'
//#endif
用条件语句将app端和h5端分别定义,就解决了两端请求服务器的问题
更多推荐
已为社区贡献11条内容
所有评论(0)