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;

這樣就能夠使用變數了，使用的時候可以這樣：

 alert(this.GLOBAL.BASE_URL);

以上是vue如何使用全域變數的詳細內容。更多資訊請關注PHP中文網其他相關文章！