ITPub博客

首页 > 移动开发 > HTML5 > uni-app H5跨域设置(本地调试可用)

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

原创 HTML5 作者:胡田新 时间:2020-12-07 15:02:08 0 删除 编辑

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

发布后需要跨域 需要设置服务器允许跨域 我只会C#的 

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

 "h5": {

     "devServer": {

          "port": 8080,

          "disableHostCheck": true,

          "proxy": {

              "/dpc": {

                  "target": "https://我的域名.com",

                  "changeOrigin": true,//允许跨域

          "secure": false,// 设置支持https协议的代理

                  "pathRewrite": {

                     "^/dpc": ""

                }

            }

         }

     }

 }


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

 url: '/dpc/api/v1/test"', 

    success: (res) => {

        console.log(res.data)

   }

})


查看请求路径,由 "https://我的域名/api/v1/test" 

变为了 "http://localhost:8080/dpc/api/v1/test"",成功返回数据,问题解决 ~


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31486267/viewspace-2740038/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2017-08-30

  • 博文量
    19
  • 访问量
    26881