uniapp解决h5跨域问题_uniapp h5端跨域

我是用的最简单的方法进行去代理
在配置文件配置manifest.json 文件进行配置

	"h5": {
		"devServer": {
			"port": 8080, //端口号
			"disableHostCheck": true,
			"proxy": {
				"/dev-api": {
					"target": "http://192.12.1.88:8080", //目标接口域名
					"changeOrigin": true, //是否跨域
					"secure": true, // 设置支持https协议的代理
					"pathRewrite": { ///是否重写，重写路径,就是将上面的/替换为''
						"^/dev-api": ""
					}
				}
			}
		}
	},

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

在自己的配置发起请求地址

let url="http://192.12.1.88/dev-api"
const  baseUrl =process.env.VUE_APP_PLATFORM === "h5" ? '/dev-api' : url

//初始化请求配置
uni.$u.http.setConfig((config) => {
	console.log(config, 'setConfig')
	/* config 为默认全局配置*/
	config.baseURL = baseUrl; 
	config.credentials = true;
	return config
})
1
2
3
4
5
6
7
8
9
10
11