在方法實現上,使用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) //效果實現,是不是很簡單
