UniApp H5 跨域代理配置并使用

UniApp H5 跨域代理配置并使用

一、方式一：修改 manifest.json 文件

在 UniApp 找到 manifest.json -》源码视图，添加 h5 配置项：

"h5" : {
    "devServer" : {
        "disableHostCheck" : true,
        "proxy" : {
            "/api" : {
                "target" : "http://www.dzm.com",
                "changeOrigin" : true,
                "secure" : false,
                "ws": false,
                "pathRewrite" : {
                    "^/api" : ""
                }
            }
        }
    }}

二、方式二：添加 vue.config.js 文件

像 vue 开发一样，手动创建一个 vue.config.js 文件，然后添加上代理，vue.config.js 只能创建在项目的根目录，不然会无法识别到。

注意：UniApp 会识别 vue.config.js 文件，但是 manifest.json 的优先级
要高于 vue.config.js 文件，所以看需求选择一个配置即可。

module.exports = {
    devServer: {
        disableHostCheck: true,
        proxy: {
            '/api': {
                target: 'http://www.dzm.com',
                changeOrigin: true,
                secure: false,
                ws: false,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }}