vueでグローバル変数を使用する方法

vue はグローバル変数を使用します

vue でコンポーネントを使用してリクエストを行う場合、必然的に BaseURL を設定する必要があります。ただし、この BaseURL をグローバル vue コンポーネントに記述しないことをお勧めします。コンポーネントに書き込まれている場合、パッケージ化後に変更すると暗号化されることがわかります。

それでは、グローバル変数を導入する方法を紹介します。

1. 新しい js ファイルを作成します:

ファイルの内容は次のとおりです:

const BASE_URL = 'http://192.168.0.108:7878/zkview/'
export default {
  BASE_URL
}

2. エントリ main.js ファイルを変更します。

りー

そして、次のように変数

import global_ from './../static/config/global'

を使用します。 これで、変数を次のように使用できるようになります:

Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL = global_.BASE_URL;

以上がvueでグローバル変数を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。