背景介绍

前段时间，在拿uniapp开发的时候，出现了跨域问题，按理说跨域应该由后端解决，但既然咱前端可以上，我想就上了（顺手装个13）

什么是跨域

出于浏览器的同源策略，在请求时，如果出现了以下情况中的任意一种，那么它就是跨域请求：

1. 协议不同，如 http 和 https
2. 域名不同
3. 端口不同

而 uniapp 本地编译后，是运行在 http://localhost:3000/ ，如果请求服务器的接口，域名和端口显然是不一样的，自然就cors跨域了

解决方法

在项目的根目录下，打开 manifest.json 文件，并选择源码视图
找到图中的位置，也就是 h5 这里进行更改，更改内容如下

"h5": {
		"devServer": {
			"https": false,
			"proxy": {
				// 自行修改下方的 /web
				"/web": {
					"target": "服务器地址",
					"pathRewirte": {
						//路径重写
						"^/web": "/"
					}
				},
				// 自行修改下方的 /api
				"/api": {
					"target": "服务器地址",
					"pathRewirte": {
						//路径重写
						"^/api": "/"
					}
				}
			}
		}
	}

上述代码的含义：只要发送http请求，请求的接口地址中携带 /web 或者 /api ，则反向代理到服务器地址上。

这样就能完成跨域了。

为了方便理解，写个伪代码：

if("请求接口".includes('/web' || '/api')) {
   请求地址代理到服务器地址()
}