uniapp h5跨域请求代理

最新推荐文章于 2025-06-10 10:32:57 发布

小程序照片合成

最新推荐文章于 2025-06-10 10:32:57 发布

阅读量793

点赞数 1

CC 4.0 BY-SA版权

分类专栏：跨域文章标签： uniapp 跨域

本文链接：https://blog.youkuaiyun.com/cc1314_/article/details/110062418

跨域专栏收录该内容

2 篇文章

订阅专栏

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

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

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) => {
       }
       });