uni-app跨域解决方案
1.开发环境 uni-app
2.电脑系统 windows10专业版
3.在应用uni-app开发的过程中,在测试的时候咱们总是会遇到跨域的问题,怎么解决呢?计划如下:
4.在 manifest.json中增加如下代码:
"h5":{
"devServer" : {
// "port" : 9001, //端口号
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "http://192.168.0.106:3000", //指标接口域名
"changeOrigin":true, //是否跨域
"secure":false, // 设置反对https协定的代理
"pathRewrite": {
"^/api":"" //通过pathRewrite重写地址,将前缀/api转为/
}
}
}
}
},
//留神:增加的代码和 app-plus 是同级的关系!
5.在vue模板中增加如下代码:
uni.request({
url: "/api/feng",
method:"post",
success: (res) => {
console.log(res.data);
}
});
6.成果为:
7.本期的教程到了这里就完结啦,是不是很nice,让咱们一起致力走向巅峰!
发表回复