提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
vue项目中模式和环境变量配置
前言
使用vue-cli搭建项目,环境相关配置做下记录
适用于vue-cli3及以上版本
使用步骤
1. 新建.env
在项目的根目录新建.env.development文件和.env.production文件;
2.在文件中指定NODE_ENV
注意.env文件中只有以VUE_APP_为前缀的key才能够在客户端侧的代码中通过process.env获取到
3. 关于BASE_URL的配置
因为在官网上看到了这句话,所以就在.env文件中添加了BASE_URL,结果通过process.env.BASE_URL获取到的值是"/",于是又查看了文档有了新发现,
赶紧一顿操作,轻松修改了BASE_URL的值
总结
环境配置相关详细内容查看官方文档:https://cli.vuejs.org/zh/guide/mode-and-env.html
vue.config.js中publicPath配置查看https://cli.vuejs.org/zh/config/#publicpath