526互联

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

发布时间 2023-12-11 16:06:29作者: jaaks

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

写入变量比如本地链接

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/'
})