vue 的全局变量文件:.env

1.项目根目录下创建.env 文件
2.配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量:
VUE_APP_URL = "www.baidu.com"
3.代码里使用
console.log(process.env.VUE_APP_URL )
备注
.env文件在vue项目启动时加载,如果没有起到作用,可能是缓存的问题,删除node_modules下的.cache文件试试。

.env 全局默认配置文件,不论什么环境都会加载合并
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件

如:

写法一

在项目文件内加入.env.ci文件

# just a flag
ENV = 'ci'

# base api
VUE_APP_BASE_API = 'http://10.120.150.147:9088/knmarket-manage-api'
# 认证中心
VUE_APP_AUTHORIZATION_CENTER = 'http://10.120.150.147:8180'


写法二

VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址,在config内加ci.env.js文件

'use strict'
const merge = require('webpack-merge')
const ciEnv = require('./ci.env')

module.exports = merge(ciEnv, {
  NODE_ENV: '"ci"',
  VUE_APP_STATIC_URL: '"/kj/"',
  VUE_DEPARTMENTID: '114',
  VUE_APP_BASE_URL: '"http://10.120.150.147:8082/knmarket-web"'
})

你可能感兴趣的:(vue 的全局变量文件:.env)