vue 自定義全域性變數

2022-02-28 09:26:27 字數 628 閱讀 4303

現在有個需求,訪問的介面api ,配置化,什麼意思呢,就是vue專案訪問的api全部是可配置的。

api位址一般由基準位址和路徑組成

基準位址一般使用vue的cli的publicpath去配置

有關vue的cli的publicpat:

也可由.env檔案配置:

那後面的路徑就需要自定義配置了

建立src/config/urls.js檔案,並寫入下面內容

const urls = 

export default

//引入自定義介面位址

import urls from './config/urls';

//設定到vue全域性屬性

console.log(urls, 'main.js...')

vue.prototype.urls = urls.urls;

this.urls.getmenus ///system/menu
結果

vue自定義全域性變數和全域性函式

1 建立common js.js exports.install function vue options 2 在main.js裡引用並使用 import common js from common js vue.use common js 3 在所有元件裡可呼叫函式 this.changedata...

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。舉栗子 在login.vue中拿到了使用者的一些資訊 import vue from vue 注意...

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。例如 export default methods vue.prototype.usermsg u...