事由

最近在开发淘宝客返利程序的后台服务时

发现对接到淘宝联盟的appKey和secret是极为重要的

假设这两串数字被恶意盗用 轻则消耗平台你的流量，重则封号

所以就需要将重要的字符串放到环境变量中

实现

我们知道vue的脚手架会在编译时检测本地的.env中是否有 VUE_APP 开头的键值对

若有 则会将其放到 nodejs获取的环境变量对象上 即 process.env

其实它是由一个 npm包实现的

这个包叫 dotenv 大家可以通过 npm i dotenv进行安装到自己的项目依赖

使用也很简单

require('dotenv').config({path:'./env'})

这个包向外暴露两个函数 config 和 parse

config 函数是一个对象入参，对象中的path传入路径代表的是项目根路径，也就是path - Project root directory

然后加上文件名 其中也可以在文件名后追加使用场景 比如 .env.local

注意事项

值得我们注意的是 ：

需要留意代码运行的顺序 我一般会在使用到 process.env的代码段之前引入它