實現網頁中類似vue.use(element)方法,自建高大上組件


在方法實現上,使用vue中axios方法封裝實現例子

import axios from 'axios'     //導入axios 包
axios.defaults.baseUrl="localhost:8080";
axios.interceptors.request.use((config)=>{
    let token=localstorage.getItem("token");  //本地取token
    if(token){
    config.headers.token="token"; //設置頭部攜帶token;
}
return config;               //記得返回config哦,不然數據請求會出錯
});         //一個簡單的axios封裝已經實現,接下來實現要實現的vue.use()效果

const install=(vue)=>{              //核心,通過install事件注冊;
    if(install.installed ){
     return;               //返回不執行下一步
}
vue.prototype.$api=axios;
}
export default install;

//main.js,接下來就可以在main.js中引用實現vue.use(效果了o)
import api from 'axios封裝所在目錄'
vue.use(api)          //效果實現,是不是很簡單

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM