2017-10-17 83 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