uni-app H5跨域设置(本地调试可用)

最新推荐文章于 2025-10-10 19:19:20 发布

原创最新推荐文章于 2025-10-10 19:19:20 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

uni-app 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了uni-app在本地调试时的H5跨域设置方法，需修改manifest.json文件添加'h5'节点，并将请求URL由实际域名替换为'/apis'，但发布后需在服务器端配置跨域。

注意 :这个方法只能本地调试使用

发布后需要跨域需要设置服务器允许跨域

首先找到 manifest.json 这个文件，在项目目录的src文件夹下，添加 "h5" 节点

"h5": {
		"devServer": {
			"https": false,
			"port": 8080,
			"proxy": {
				"/apis": {
					"target": "https://www.ucharts.cn",
					"changeOrigin": true,
					"secure": false,
					"pathRewrite": {
						"^/apis": ""
					}
				}
			}
		}
	},

然后发起请求，注意：原来的 "https://我的域名.com" 需要替换成 "/apis"

uni.request({
					url: '/apis/map.json',
					data:{
					},
					success: function(res) {
						console.log(res.data.features)
						let cMap={series:[]};
						//这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
						cMap.series=res.data.features;
						_self.showMap("canvasMap",cMap);
					},
					fail: () => {
						_self.tips="网络错误，小程序端请检查合法域名";
					},
				});