Vue設置全局變量(MD.4)

2018-07-19，22：37，今天完善了漫島（瞭解漫島）的登錄註冊流程，但這一塊暫時不上線。
調取接口的時候發現在請求的url上要重複寫接口前綴“http://xxx.com”，當然不能每次都這麼寫，如果以後接口換成https，或者前綴改了，一個個的改起來那估計得頭疼死，於是引出了今天的博客主題：

Vue項目如何引入全局變量

方法很多，我就以我的代碼爲例吧，就兩步：
1.在components目錄下新建一個Global.vue文件，專門用來存放類似的全局變量，統一存放到這裏方便管理。

Global.vue代碼如下：

<!--全局變量-->
<script>    
    //線上接口地址
    const apiUrl="http://xxxxxx.iscoser.com";
    export default{
        apiUrl
    }
</script>

2.接着在main.js裏面引入apiUrl，給Vue的原型添加這個屬性。

import apiUrl from './components/Global.vue'
Vue.prototype.apiUrl = apiUrl.apiUrl;

經過以上兩步，在項目裏面的其他頁面就都可以引用到apiurl了，直接使用this.apiUrl，打印出來就是我們之前在Global.vue文件裏面定義好的變量了，以後再改的時候改動一下這裏所有的接口都跟着變動了，省心。

昨天熬夜熬得眼冒金星，今天不熬了，喝點肥宅快樂水，吃點肥宅快樂晚餐睡覺的。

漫島居民羣歡迎任何三觀正的小夥伴進來玩啊，Q羣號：581062303，晚安！