1 前言
1.1 业务场景
一般使用 Vue
项目连接后端请求,使用的 axios
import axios from 'axios'
export const CMSAPI = axios.create({
baseURL: "http://localhost:8080",
timeout: 30000,
});
axios
中的 baseURL
一般是访问地址
Vue
项目打包后,如果我们需要修改这个 baseURL
就需要修改代码重新 build
这样就比较麻烦了
有没有什么办法可以在Vue
项目打包后再自定义变量呢?
2 实现原理
2.1 文件
目前使用新版 @vue/cli
创建的项目目录如上
我们发现这个图标文件 favicon.ico
在打包文件中会单独存在
类似,我们在这个文件夹中新建一个 index.js
文件
2.2 代码
index.js
文件中,我们直接定义一个变量
// index.js
const apiURL