Search

与我们合作

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案

有一个品牌项目想和我们谈谈吗?

您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音

您也可通过下列途径与我们取得联系:

地 址: 深圳.龙岗区大运软件小镇11栋3楼

电 话: 138 2888 4598 / 138 0880 9053

网 址: http://www.appvx.cn

快速提交您的需求 ↓

解决uni-app开发环境中H5端跨域问题

时间:2020-07-28 浏览:4966 编辑:App开发 来源:互联网

此跨域问题只存在于浏览器端,App和小程序不存在跨域问题

参考地址:

manifest.json官方配置文档: https://uniapp.dcloud.io/collocation/manifest?id=devserver

Chrome 调试跨域问题解决方案之插件篇: https://ask.dcloud.net.cn/article/35267

其实uni-app官方有解决跨域的办法,官方推荐使用HBuilderX中内置的浏览器去预览,在内置的浏览器中不会存在跨域问题,但是要是在Chrome 浏览器中预览的话就会出现这个跨域问题,官方推荐使用Allow-Control-Allow-Origin: *插件的方式去解决,但是我试过这个插件,不知道是什么问题,并没有效果,跨域问题依旧还是存在,后面再仔细的看了下文档,看到了下面的提示。

uni-app 中 manifest.json->h5->devServer 实际上对应 webpack 的 devServer,鉴于 manifest 为 json 文件,故 webpack.config.js->devServer 配置项下的简单类型属性均可在manifest.json->h5->devServer节点下配置,funciton 等复杂类型暂不支持。

所以我就在想是不是可以使用proxy配置反向代理的方式去实现跨域请求,代码如下:

复制代码

/* h5特有相关 */

"h5" : {

    "devServer" : {

         "port" : 8000, //端口号

          "disableHostCheck" : true,

          "proxy" : {

              "/api" : {

                  "target" : "https://xxx.xxxxx.cn", //目标接口域名

                   "changeOrigin" : true,  //是否跨域

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

             }

        }

    }

}

最后发现问题解决了。

深圳app开发.jpg

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
GO 欣赏案例
查看经典案例
在线咨询
电话咨询
0755-36630177
返回顶部
在线咨询 获取报价 电话咨询
获取报价
您的称呼:

*

您的电话:

*

您的邮箱:

*

提交 重置
重要的事情,电话里聊

接通客服

不方便的时候线上咨询,在线等哦