vue项目中模式和环境变量配置

• 前言
• 使用步骤
• • • 1. 新建.env
    • 2.在文件中指定NODE_ENV
    • 3. 关于BASE_URL的配置
• 总结

前言

使用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