2016-09-10 3 views
1

私はnode.js + vue.jsを使用してアプリケーションを構築していますが、どのようにしてvue.jsコンポーネントに環境変数をロードできるか知っていますか?今はサーバー側のコードにdotenvパッケージを使って環境変数をロードしていますが、vue.jsでは動作しません。環境変数をvue.jsにロード

ありがとうございます!

+1

[DefinePlugin](https://webpack.js.org/plugins/define-plugin/)を使用して、この[answer](http://stackoverflow.com/a/43508655/4305494)にチェックを入れることができます。この他の[answer](http://stackoverflow.com/a/41900834/4305494)のように、[構成タイプ](https://webpack.js.org/configuration/configuration-types/)とともにDefinePluginを使用することもできます。 )。 – Ricky

答えて

1

あなたはこのようなNodeJSから環境変数を公開することができます:あなたのVueでのクライアント側への環境変数(またはそのための任意のJavaScriptフレームワークを公開するにはhttps://nodejs.org/api/process.html#process_process_env

process.env

console.log(process.env.EXAMPLE_VARIABLE); 

詳細問題)では、AJAX呼び出しで取り込まれたNodeJSからのJSON応答をレンダリングできます。

+0

devサーバーを閉じて再起動した後、または新しいビルド〜 – mintedsky