uni-app使用配置文件vue.config.js配置H5端跨域或其他配置
关于uni-app使用配置文件vue.config.js配置H5端跨域或其他配置参考官方文档:https://uniapp.dcloud.io/collocation/vue-config
部分配置项会被编译配置覆盖,例如:
publicPath 不支持,如果需要配置,请在 manifest.json->h5->router->base 中配置,参考文档:h5-router
outputDir 不支持
assetsDir 固定 static
pages 不支持
runtimeCompiler 固定 false
productionSourceMap 固定 false
css.extract H5 平台固定 false,其他平台固定 true
parallel 固定 false
使用cli项目时,默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在transpileDependencies中列出来。详情参考
/**
* 关于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,
},
};
页:
[1]