一、環境變量應用場景
一個產品的前端開發過程中，一般會經歷本地開發、測試、打包上線等過程，不同的環境可能需要不同的配置，比如接口地址、服務器地址、端口等等。
因此，可以使用環境變量來管理不同環境下使用的配置
二、四種方式的環境變量
所有的設置環境變量文件必須放到代碼文件夾的根目錄下
1、.env
配置所有情況下都用到的配置。理論上這個最沒吊用，都用到的配置，還配置個毛。
2、.env.local
配置所有情況下都用到的配置，但是與1的區別是，這個這是本地有效，不會被git
3、.env.[mode]
配置對應某個模式下的配置。
.env.development:開發環境的配置
.env.production:打包環境的配置
4、.env.[mode].local
效果同2，不會被git
三、如何定義環境變量
在相應模式的配置文件里面，定義需要的環境變量，定義有格式要求;
如果是在src文件夾內使用，則必須要以VUE_APP_變量名稱=value的形式，字符串也不用加引號“”。
如果是在webpack配置中使用，沒什么限制，可以直接通過process.env.XXX來使用
四、如何使用環境變量
在src文件夾內，定義好后，通過process.env.VUE_APP_變量名，來使用。
在vue文件中，可以在data中定義個變量，將這個值傳給變量