vue3 可修改配置及引用相对目录

1）可修改配置

在index.html里添加一个config.js，

并在config.js中定义

window.GlobalConfig = {
    API_SERVER_URL: "http://xxx",
    other: {
        dev: false,
        sceneId: 226,
        baseUrl: "",
    },
};

 

需要注意的事，引用的config.js要放在打包生成的*.js前面,放在title前面是成功的，title后面打包时就被替换掉了。

refs

vue 打包发布环境配置的使用方式_荷99的博客-CSDN博客_vue 打包 环境配置

2)输出目录引用文件使用相对路径

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

配置参考 | Vue CLI