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

如果是做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浏览器运行跨域 踩坑记录)