ホームページ  >  記事  >  ウェブフロントエンド  >  vueでグローバル変数を使用する方法

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

一个新手
一个新手オリジナル
2017-09-19 10:11:543469ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。