定义全局配置文件

MuYan2021-11-23VueVueJS
  • 定义一个全局的配置文件,主要用于解决 build 后配置文件变更后的快速更改,减少因配置文件变更而导致的二次 build 问题,也可以用于引入全局 js。

  • 前置条件:通用于脚手架搭建的项目(例如 vue-cli、各类开源后管系统等)

  • 如有报错等原因,建议检查 vue.config.js 的配置信息 lintOnSave 是否为 false ,或 webpack 文件的配置的校验。

  • 使用该方法打包后的文件夹内会有一个 config.js 文件,可以进行快速变更配置处理。

  1. 于 public 文件夹内创建 js 文件,文件名可自定义
// public/config.js
let config = {
  baseUrl: "api",
};
  1. 于 public 文件夹内的 index.html 内引入 js
<script src="<%= BASE_URL %>config.js"></script>
  1. 项目内引用
config.baseUrl;
console.log("baseUrl===>", config.baseUrl); // 输出内容:api
上次更新 2026/6/23 11:49:15
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.8