解决前端跨域记录

博主开发前端不是很多,每次开发前端测试都会跨域,然后浪费不少时间,
今天记录一下省的下次再浪费时间
开发工具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跨域以及 跨端口跨域问题都得到了解决

发布了72 篇原创文章 · 获赞 1 · 访问量 3443

猜你喜欢

转载自blog.csdn.net/qq_43373608/article/details/103433012