uniapp 配置跨域代理

沈玉☆

已于 2023-06-22 14:54:02 修改

阅读量984

点赞数 2

CC 4.0 BY-SA版权

分类专栏： uni-app 跨域文章标签： uni-app

于 2023-06-05 13:55:58 首次发布

本文链接：https://blog.csdn.net/Sandersonia/article/details/131046453

uni-app 同时被 2 个专栏收录

4 篇文章

订阅专栏

跨域

1 篇文章

订阅专栏

在manifest.json文件中添加h5配置项，包括devServer的端口、HTTPS设置和代理配置，例如将所有请求代理到指定目标地址。使用uni.request进行接口请求时，URL不再包含target地址。完成配置后需重启项目生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先根据下图找到 manifest.json 文件中 h5 的配置项
加入以下代码

// h5特有相关
"h5": {
	"devServer": {
		"port" : 8080, // 本地端口，如一般情况是http://127.0.0.1:8080，就写8080
		"https": false,
		"disableHostCheck": true,
		"proxy": {
			"/": {
				"target": "http://0000.0.0.1", // 举例的
				"changeOrigin": true,
				"secure": false,
				"pathRewrite": {
					"^/": "/"
				}
			}
		}
		
	}
}

接口请求如下：

uni.request({
			url: '/*****',// 一定不要再加上面的target地址 http://0000.0.0.1 了
			method: 'GET',
			header: {
				...
			},
			success: (res) => {
				//...
			},
			fail: (err) => {
				// ...
			}
		})