uni-app解决接口跨域问题

流偌花火

已于 2022-10-10 15:38:22 修改

阅读量2.3w

点赞数 13

分类专栏： uniapp 文章标签：前端 javascript 网络 uni-app vue.js

于 2022-06-27 17:06:33 首次发布

本文链接：https://blog.csdn.net/m0_49744220/article/details/125486605

版权

uniapp 专栏收录该内容

8 篇文章

订阅专栏

1. uniapp在前后台分离开发中，调试请求接口时，出现跨域问题

在这里插入图片描述

跨域原因：由于浏览器同源策略，即：端口号、域名、协议、IP地址必须一致，否则请求将被浏览器拦截。

2、解决方法

服务器之间的请求无需遵循同源策略，则使用代理作为中间服务器，代理服务器向后台服务器请求数据，然后返回给浏览器。uniapp给我们提供了一个node.js的代理服务器，我们只需要按照配置即可。
![在这里插入图片描述](https://img-blog.csdnimg.cn/60b7e233f34642418bbf390dd0251e27.png#pic_center

在这里插入图片描述

配置代码：

"h5" : {
		"devServer" : {
		"port" : 8080, //端口号
		"disableHostCheck" : true,
		"proxy" : {
			  "/api" : {
			  "target" : "https://www.jisuapo.com/", //自己项目接口域名
			  "changeOrigin" : true,  //是否跨域
			  "secure" : true,  // 设置支持https协议的代理
			  "pathRewrite": {"^/api":"/api"}   //api路径重定向，根据具体情况调整，也可不写
				}
			}
		
		},
		"optimization" : {
		   "treeShaking" : {
			   "enable" : false
			}
		}
	}