关于uni-app使用vue.config.js配置文件【配置H5端跨域或其他配置】

参考官方文档:https://uniapp.dcloud.io/collocation/vue-config

 

/**
 * 关于uni-app使用vue.config.js配置文件的特殊说明:
 *      1、同时支持manifest.json或vue.config.js配置跨域和其他信息【具体参考uni-app的官方文档】
 *      2、优先级 => manifest.json的配置优先,会强制覆盖vue.config.js
 *      3、对于跨域建议使用vue.config.js配置,js文件支持动态解析,可以支持多种配置访问【本地、服务器调试、服务器生产...】
 *      4、【非常重要】虽然使用vue.config.js支持动态参数配置,但是每次更新此配置文件的参数,必须重置程序才会生效!!!
 *
 */

 

/**
 * 关于uni-app使用vue.config.js配置文件的特殊说明:
 *      1、同时支持manifest.json或vue.config.js配置跨域和其他信息【具体参考uni-app的官方文档】
 *      2、优先级 => manifest.json的配置优先,会强制覆盖vue.config.js
 *      3、对于跨域建议使用vue.config.js配置,js文件支持动态解析,可以支持多种配置访问【本地、服务器调试、服务器生产...】
 *      4、【非常重要】虽然使用vue.config.js支持动态参数配置,但是每次更新此配置文件的参数,必须重置程序才会生效!!!
 *
 */

const NodeGlobalConfig = require("./NodeGlobalConfig.js");

let _serverConfig = NodeGlobalConfig.generateUniqueInstance().getServerDomainName("http", false);
console.log("_serverConfig===", _serverConfig);


module.exports = {
    devServer: {
        proxy: {
            "/api": {
                //你要跨域的域名(包含host、端口号,切记:一定要带上http头);
                //同一个域名只能设置一次跨域,否则重复报错!
                // 本地跨域
                // "target" : "http://127.0.0.1:8099",
                // 测试服务器119.28.180.116跨域
                "target": _serverConfig.flask_http_server_domain_name,
                "changeOrigin": true, //是否跨域,设置为true;(必须)
            },
            // 【非常重要】多个跨域字段名字不能相似【如:/api0001,肯定会报400没有发现错误】,尽量避免名字冲突
            "/node_api": {
                //你要跨域的域名(包含host、端口号,切记:一定要带上http头);
                //同一个域名只能设置一次跨域,否则重复报错!
                // "target" : "http://127.0.0.1:9099",
                "target": _serverConfig.express_http_server_domain_name,
                "changeOrigin": true, //是否跨域,设置为true;(必须)
            },
        },
        https: true,
    },
};

 

你可能感兴趣的:(关于uni-app使用vue.config.js配置文件【配置H5端跨域或其他配置】)