vue-cli在不同环境下赋予变量不同的值

最近在github上搭个人主页,因为要使用github的api,必须用到owner和repo的值。

https://api.github.com/repos/:owner/:repo/issues

在开发环境下,可以自己赋值;在生产环境下,我则希望直接通过window.location.pathname获得。


在创建vue-cli时会自动配置环境变量,生产环境是production,开发环境是development
vue-cli在不同环境下赋予变量不同的值_第1张图片
然后在.js和.vue中都可以通过process.env.NODE_ENV获得环境变量的值。
因此如果要设置一个在不同环境下不同的变量,可以通过process.env.NODE_ENV作为key值。
比如:


你可能感兴趣的:(vue-cli在不同环境下赋予变量不同的值)