uni-app在开发环境配置跨域

2,847 阅读1分钟

前提环境:

前端 http://localhost:8080/

后端 http://localhost:8000/

因为端口不同直接发送请求会存在跨域问题

现在需要在http://localhost:8080/请求http://localhost:8000/api/v1/square/loadMore/0这个接口

所以我们在uni-app环境下manifest.json文件中添加如下配置

 "h5": {
	 "devServer": {
			"port": 8080,
			"disableHostCheck": true,
			"proxy": {
			    "/api": {                    
				"target":"http://localhost:8000",
				"changeOrigin": true,//是否跨域
				"secure": false// 设置支持https协议的代理
				}
			}
	        }
	    }

需要注意的是"target":"http://localhost:8000"只中的http://不可以省略,否则会出现proxy Error的错误

附上请求代码:

this.request({
		url: '/api/v1/square/loadMore/0',
		success: ((res) => {
			console.log(res);
		})
	});