uniapp 解决H5跨域问题

uniapp uniapp 跨域反向代理

uniapp

发布日期: 2022-08-19

文章字数: 232

阅读时长: 1 分

阅读次数:

解决H5跨域问题找到这里

manifest.json文件中，点击“源码视图”,在此对象的最后添加以下代码：

"h5": {
    "devServer": {
        "disableHostCheck": true,
        "proxy": {
            "/api": {
                "target": "http://qcpd.szyqa.com" // 你需要反向代理的域名或ip,
                "changeOrigin": true,
                "secure": false,
                "pathRewrite": {
                    "^/api": "/"
                }
            }
        }
    },
}

这是封装的请求头把baceUrl的值改成”/api” 或者把API_URL全局变量改成”/api” 这是我在env.js里面定义的。
起初不太理解为什么这样写这样写是怎么实现的调用的反向代理你可以这么理解 “在manifest.json的源码视图中的h5下进行如下配置，意味着将uni.request发起网络请求时，碰到的/api字符，将转发到tatget的配置的域名”