vue 自定義全局變量

現在有個需求，訪問的接口api ，配置化，什么意思呢，就是vue項目訪問的api全部是可配置的。

api地址一般由基准地址和路徑組成

基准地址一般使用vue的cli的publicPath去配置

有關vue的cli的publicPat：https://www.cnblogs.com/makalochen/p/13984699.html#publicpath

也可由.env文件配置：https://www.cnblogs.com/makalochen/p/13984832.html

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

創建自定義全局變量

創建src/config/urls.js文件，並寫入下面內容

const urls = {
    //系統側邊欄菜單接口
    getMenus : '/system/menu',
}

export default {
    urls,
}

main.js中引入

//引入自定義接口地址
import urls from './config/urls';
//設置到vue全局屬性
console.log(urls, 'main.js...')
Vue.prototype.urls = urls.urls;

其他頁面組件中使用

this.urls.getMenus ///system/menu

結果