uni-app开发h5_web代理怎么设置

(85) 2024-06-28 15:01:01

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

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

1、找到manifest文件,切换到源码视图:
uni-app开发h5_web代理怎么设置 (https://mushiming.com/)  第1张
2、添加h5节点,配置代理:

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

3、请求:
uni-app开发h5_web代理怎么设置 (https://mushiming.com/)  第2张
打印:
uni-app开发h5_web代理怎么设置 (https://mushiming.com/)  第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-app开发h5_web代理怎么设置 (https://mushiming.com/)  第4张

uni.request请求的url需要加上api:
uni-app开发h5_web代理怎么设置 (https://mushiming.com/)  第5张
打印:
uni-app开发h5_web代理怎么设置 (https://mushiming.com/)  第6张

THE END

发表回复