ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。