博主开发前端不是很多,每次开发前端测试都会跨域,然后浪费不少时间,
今天记录一下省的下次再浪费时间
开发工具hbuilderx
后端python,现在有后端接口
127.0.0.1:5000/api/getinfo
前端ip
127.0.0.1:8082
这个只是端口跨域,但是为了一次性解决大部分问题,我们直接采用跨ip的解决办法
在
manifest.json 源文件代码视图中
添加
//h5是添加的部分 "h5" : { "devServer" : { "port" : 8080, "disableHostCheck" : true, "proxy" : { "/api" : { "target" : "http://127.0.0.1:5000", //目标接口域名 "changeOrigin" : true, //是否跨域 "secure" : false// 设置支持https协议的代理 } } } }, //添加部分结束 /* 快应用特有相关 */ "quickapp": { }, /* 小程序特有相关 */
之后在调用接口时直接
uni.request({ url: '/api/getinfo', //仅为示例,并非真实接口地址。 data: { text: 'uni.request' },
url: ‘/api/getinfo’ 就会被 转发成 127.0.0.1:5000/api/getinfo
致此跨ip跨域以及 跨端口跨域问题都得到了解决