vue 的环境配置

项目中有时可能会遇到不同的环境请求不通的url；项目生成之后会有一个全局的变量'process'，可以根据这个变量来判断现在项目所处的环境，判断一些信息。请先看官方的API

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

个人实践，在根目录下面新建三的文件

.env.development

.env.production

.env.staging

三个文件，注意env前面的.（就因为这个点，怎么都配置不成功...）

三个文件里面的变量命名方式，要以VUE_APP_.. 来命名

本地开发环境 .env.development中

# 页面标题
VUE_APP_TITLE = 本地名称

vue.config.js中（可以这种方式获取版本号）

 process.env.VUE_APP_VERSION = require("./package.json").version;

打印出来

  BASE_URL: "/"
  NODE_ENV: "development"
  VUE_APP_TITLE: "本地名称"
  VUE_APP_VERSION: "0.1.0"

可以根据NODE_ENV判断项目所处环境，通过vue代理请求不同路径