vue项目中全局变量process

vue项目中全局变量process

process是什么

process对象是一个全局变量，提供了有关当前Node.js进程的信并对其进行控制。

新建process.js，文件中 输入   console.log(process)，并在终端中执行node process.js 可以打印出process的全部属性

process.env   查看当前项目运行环境的信

• 可以修改process属性的值    process.env.foo= 1;
• 使用delete可以从process.env中删除属性    delete   process.env.foo
• windows操作系统上，环境变量不区分大小写

Vue项目中有三个模式，production、development、test

production的环境变量为production

develpoment的环境变量为development

在根目录下新建下列文件可以设置环境变量，可以通过.env.模式名   设置某个环境下特有的环境变量，例如文件名为.env.development，在development环境下会载入该文件声明的变量

以VUE_APP_开头的变量会被webpack.definePlugin 静态嵌入到客户端侧的包中，访问时  process.env.VUE_APP_SECRET，添加变量直接以VUE_APP_* 的形式就可

参考    VueCLI 通过process.env配置环境变量 - 中铁哈哈儿 - 博客园

模式和环境变量 | Vue CLI