美文网首页
uniapp H5浏览器运行跨域 踩坑记录

uniapp H5浏览器运行跨域 踩坑记录

作者: laogui_ | 来源:发表于2020-03-07 12:50 被阅读0次

    如果是做App、小程序等非H5平台,是不涉及跨域问题的。跨域是浏览器才有的概念。

    解决方法:

    1:在配置uni-app 文件中 manifest.json->h5配置 填写相关信息

    h5配置信息22

    2:在配置uni-app 文件中 manifest.json->源码视图->devServer代码配置

    下述中的loc可自定义

    "h5" : {

            "devServer" : {

                "port" : 8099,

                "disableHostCheck" : true,

                "proxy" : {

                    "/loc" : {                                                                         

                        "target" : "https://qibohui.hakkawang.cn/",

                        "changeOrigin" : true,

                        "secure" : true,

                        "pathRewrite" : {  "^/loc" : ""  }      //重点语句

                    }

                }

            },

        },

    3:http请求接口:

    uni.request({

        url: '/loc/getUserInfo', 

        success: (res) => {

            console.log(res.data);

        }

    });

    相关文章

      网友评论

          本文标题:uniapp H5浏览器运行跨域 踩坑记录

          本文链接:https://www.haomeiwen.com/subject/penqdhtx.html