uni-app本地调试h5设置代理

这里以请求这个接口为例:

http://api.wpbom.com/api/ancien.php?msg=静夜思&b=1

1、找到manifest文件,切换到源码视图:
在这里插入图片描述
2、添加h5节点,配置代理:

"h5": {
		"devServer": {
		    "https":false,
			"port": 8080,
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					"target": "http://api.wpbom.com",
					"changeOrigin": true,
					"secure": false
				}
			}
		}
	},

3、请求:
在这里插入图片描述
打印:
在这里插入图片描述
说明:

上面设置的代理表示以/api开头的请求,请求地址前面会自动添加http://api.wpbom.com。比如上面uni.request请求的/api/ancien.php,实际请求地址为:http://api.wpbom.com/api/ancien.php。

如果请求的接口地址没有前缀怎么办?比如是这样的:

https://api.apiopen.top/getJoke?page=1&count=2&type=video

这个时候可以使用pathRewrite进行path重写,具体配置:
在这里插入图片描述

uni.request请求的url需要加上api:
在这里插入图片描述
打印:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值