uniapp h5跨域请求代理

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

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

2 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #跨域

跨域专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了uni-app中manifest.json的配置，包括使用history模式的路由设置和devServer的代理配置，以实现与后端API的无缝对接。在请求部分展示了如何通过uni.request进行接口调用，包括URL的拼接、请求方法和Header的设定，确保了跨域请求的顺利进行。

manifest.json 源码配置：

"h5": {
       "router": {
           "mode": "history"
       },
       "devServer": {
           "port": 8000,
           "disableHostCheck": true,
           "proxy": {
               "/api": {
                   "target": "http://**.com", //目标接口域名
                   "changeOrigin": true, //是否跨域
                   "secure": false ,// 设置支持https协议的代理
                   "pathRewrite":{
                       "^/api":""
                   }
               }
           }
       }
   }

request 请求：

uni.request({ //url: "/my/list"
       url: "/api" + url,
       data: data,
           method:type||"GET",
       header: {
               'content-type': 'application/x-www-form-urlencoded',
           },
       success: (res) => {
       },
       fail: (res) => {
       }
       });