uni-app h5跨域和发布

开发环境下需要处理跨域问题

找到manifest.json文件打开源码视图新增

    "h5" : {
        "devServer" : {
            "port" : 8000,
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "https://testapi.kemiandan.com",  // 需要跨域的域名
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/api" : ""   //匹配请求路径里面有 /api 替换成 https://testapi.kemiandan.com
                    }
                }
            }
        },
    }

如果h5打包后是直接放在网站的根目录可直接打包，无需配置其他选项

如果你要配置要网站多个子目录需要配置一些参数

例如你的网站域名是https://testapi.kemiandan.com，然而你想配置在https://testapi.kemiandan.com/h5/h5目录下
找到manifest.json文件打开源码视图新增

    "h5" : {
        "router" : {
            "mode" : "history",
            "base" : "/h5/h5/"  // 配置引用的正确的文件路径
        },
        "domain" : "https://testapi.kemiandan.com/h5/h5"
    }

然后把打包后的文件放在可访问/h5/h5目录下
访问路径 https://testapi.kemiandan.com/h5/h5/即可访问