vue2环境变量配置开发环境和生产环境

在项目根目录下新建.env文件

写入变量比如本地链接

这里面其中的 VUE_APP_ 这个是项目固定写死的，不可更改，其后面的名称可以自己随便取，在这里我取的名字为 BASE_API

VUE_APP_BASE_API=http://127.0.0.1:5000/ 

在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量

process.env.NODE_ENV有两个值开发环境：development，部署环境：production 都为Srting字符串

下面示例给baseurl添加一个开发环境用的url和部署环境用的url

const baseURL = process.env.NODE_ENV === 'development'
  ? process.env.VUE_APP_BASE_API
  : 'https://wiki.19950823.xyz/' // 通过全局变量配置本次环境和开发环境的值

vue.config.js 配置编译打包后的目录

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: process.env.NODE_ENV === 'development' ? '/' : '../static/admin/'
})