1.根目录下新增一个《.env.hk》文件
VUE_APP_FOR='hk'
NODE_ENV='production'
2.在/package.json中增加运行和打包命令
"serve": "eslint --fix src && vue-cli-service serve",
"serveHK": "eslint --fix src && vue-cli-service serve --mode hk",
"build": "vue-cli-service build",
"buildHK": "vue-cli-service build --mode hk",
3.在/src/config/index.js中增加：
const appFor = process.env.VUE_APP_FOR
export default {
...
appFor: appFor
}
4.页面中获取变量
mounted () {
console.log(this.$Config.appFor)
}
《前端工程师必备技能Vue移动开发实战技巧》——读后感 前端工程师必备技能：Vue移动开发实战技巧 Kindle电...
前端 Vue前端脚手架 Vue脚手架单入口/双入口 Vue工程的目录结构 Eslint：代码检测工具 Docker...
* 搭建前端工程 1、初始化项目 npm init 2、npm i webpack vue vue-loader ...
什么是环境变量 前端项目启动时占用的端口号是在 vue.config.js 中定义的 vue.config.js ...
前言 随着vue在前端不断的壮大起来，越来越多的前端工程师使用vue了，作为大型项目的开发，vue-cli是不二之...
vue面试题： web前端开发工程师（vue） | 智一面[http://www.gtalent.cn/exam/...
webpack+vue 搭建前端工程的基本过程 目标： 配置开发时的前端工程 环境 win10家庭中文版+node...
** Web前端开发之构建Vue-cli3.0工程 ** # 参考资料 Standard Tooling for ...
vue 核心之一 计算属性computed 和侦听属性watch 对于很多初学vue的初级前端开发工程而言，在了解...
vue3.0怎么实现数据劫持的 Vue最近更新到了3.0，引起无数前端工程师的哀嚎和吐槽，但是作为前端框架的三驾马...
本文标题：前端Vue工程增加环境变量
本文链接：https://www.haomeiwen.com/subject/wqyakdtx.html
网友评论