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"'
})
网友评论