uniapp 解决H5跨域问题

uniapp 解决H5跨域问题 封装请求头修改问题

解决H5跨域问题 找到这里在这里插入图片描述manifest.json文件中，点击“源码视图”,在此对象的最后添加以下代码：

	"h5": {
		"devServer": {
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					"target": "http://qcpd.szyqa.com" // 你需要反向代理的域名或ip,
					"changeOrigin": true,
					"secure": false,
					"pathRewrite": {
						"^/api": "/"
					}
				}
			}
		},
	}

这是封装的请求头 把baceUrl的值改成"/api" 或者把API_URL全局变量改成"/api" 这是我在env.js里面定义的 。
起初不太理解为什么这样写 这样写是怎么实现的调用的反向代理 你可以这么理解 “在manifest.json的源码视图中的h5下进行如下配置，意味着将uni.request发起网络请求时，碰到的/api字符，将转发到tatget的配置的域名”
在这里插入图片描述
然后重启服务 有时候需要重启IDE