几天没有写博客了，原因是除了工作以外，在搭写uni的一些基本架子~方便使用，测试requst请求本地接口，就跨域了，就去查了一下和vue跨域有什么不同，再此记录
·····································································································
- Vue跨域
在vue.config.js 里
"devServer" : {
"port" : 9000, //默认端口号
"disableHostCheck" : true,
"open":true, // 是否自动打开浏览器
"proxy": {
"/api": {
"target": "http://localhost:3000", //你要跨域的地址
"changeOrigin": true, // 是否改变
"secure": false, //https配置
"pathRewrite": {
"^/api": "" // 将api替换为'',因为接口本身不带api
}
},
"/api2": {
.....
}
},
},
然后 接口请求为 http://localhost:3000/123 的话，url只需要来个 /api/123
- Uniapp跨域
在 manifest.js 文件里，嗯。。。其实没什么不同，就是文件不同，多了一个"h5"
"h5" : {
"devServer" : {
"port" : "3001",
"disableHostCheck" : true,
"open":true,
"proxy" : {
"/api" : {
"target" : "http://localhost:3000",
"changeOrigin" : true,
"secure" : true,
"pathRewrite": {
"^/api": ""
}
}
}
}
}
这种方法只在测试阶段管用，上线可以叫后台配nginx反向代理，当然也可以自己学，过些天完善基础功能后，会在记录几个有趣的小功能~
