位置: IT常识 - 正文
推荐整理分享解析vue中的process.env(vue中的provide/inject),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:vue中process.env,vue中的provide/inject,vue中的provide/inject,vue的process,vue中的provide,vue process is not defined,vue中的provide,vue的process,内容如对您有帮助,希望把文章链接给更多的朋友!
1、process
process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。
2、process.env
env 是 environment 的简称,process.env属性返回一个包含用户环境的对象。
3、dotenv
Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中。
在终端中输入node进入node环境再输入process.env,可以打印出信息如下图: 、
二、使用1、在nodejs中使用1、安装
npm install dotenv2、根目录下创建 .env 文件
HOST = localhostPORT = 80803、入口文件中引入 dotenv 并使用
require("dotenv").config({path: '.env'})console.log(process.env.HOST); // localhostconsole.log(process.env.PORT); // 80802、在vue中使用在使用脚手架创建项目的时候,会自动安装dotenv,可以从package-lock.json中找到配置
在main.js入口文件中打印
console.log(process.env);可以看出,默认的模式是development即开发模式。
模式官网描述如下:https://cli.vuejs.org/zh/guide/mode-and-env.html
也就是说,在Vue中, NODE_ENV 可以通过 .env 文件或者.env.[mode]文件配置。配置过后,运行 Vue CLI 指令( npm run dev(serve) ,npm run build )时,就会将该模式下的NODE_ENV载入其中了。而这些命令,都有自己的默认模式:
npm run dev(serve) ,其实是运行了 vue-cli service serve ,默认模式为 development 。可以在 .env.development 文件下修改该模式的 NODE_ENV 。npm run build ,其实运行了 vue-cli service build ,默认模式为 production 。可以在 .env.production 文件下修改该模式的 NODE_ENV 。在根目录下创建文件
NODE_ENV = production注意:只有 NODE_ENV,BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。
NODE_ENV = developmentVUE_APP_BASE_API = 'http://localhost:8099/'再打印 process.env的信息如下:
注意:.env 环境文件是通过运行 vue-cli-service 命令载入的,因此环境文件发生变化,你需要重启服务。
除了以上的修改方式外,也可以在命令后直接使用--mode参数手动指定模式。
上一篇:基于web的网上图书商城的设计与实现/图书购物系统(基于web的网站设计与实现)
下一篇:前端原生Html免费模板网站总结(带网址)(前端 原生)
友情链接: 武汉网站建设