2017-10-17 86 views
0

我正在使用vueJS样板文件,它在构建时使用的/config目录中有各种设置。如何访问(编译时间)配置变量客户端?

我想知道是否有一个这些如何可用客户端的惯例?当然这取决于样板。我没有看到任何设置,所以我想我必须创建我自己的API以将其从客户端传递到服务器。

或者是否有一个约定用于在客户端文件中包含一些当前配置设置?我真的只想显示一些东西,如NODE_ENV和其他编译时间设置。

谢谢!

回答

-1

您可以将其值赋给data然后呈现在客户端

<div>{{ NODE_ENV }}</div> 


data() { 
    return { 
    NODE_ENV: process.env.NODE_ENV 
    } 
} 
+0

是'process'可用的客户端?这看起来像服务器端代码。 – dcsan

+0

编号'process'仅在节点env中可用。但是在这段代码中,Webpack将用当前的'NODE_ENV'值替换'process.env.NODE_ENV',它也可以在客户端工作 – imcvampire

+0

webpack如何知道如何替换客户端文件?是否有一个webpack规范需要在构建时替换特定字符串的任何实例?对我来说,似乎有很多奇怪的魔力。 – dcsan