vue axios 封裝 全域性呼叫axios

1.簡單的封裝了一下axios 有其他的需求各位在自己拓展一下  與main.js同級建立新的.js命名為axios.config.js

import axios from "axios"

import qs from "qs"
axios.defaults.timeout=3000   //響應時間
axios.defaults.baseurl =process.env.node_host;   //配置介面位址
console.log(process.env)
//post傳參序列化(新增請求***)
axios.interceptors.request.use((config) => 
}    
if(config.method  === 'post')
return config;
},(error) =>);
//返回狀態判斷(新增響應***)
axios.interceptors.response.use((res) =>
return res;
}, (error) => 
return promise.reject(error);
});//返回乙個promise(傳送post請求)
function post(url, params) , err => )
.catch((error) => )
})}返回乙個promise(傳送get請求)
function get(url, param) )
.then(response => , err => )
.catch((error) => )
})}export default

import ajax from './axios.config'

vue.prototype.ajax=ajax

methods:

this.ajax.post('/magicdata/?c=analysis_mymx&m=new_mxfl',params).then((res)=>).catch(err=>)
}},

vue axios 請求封裝

import axios from axios import router from router index import from element ui import from utils loading import from utils auth import qs from qs 引入qs...

封裝vue axios請求

util.js import axios from axios import qs from qs import from vant h5用的這個 const apiurl xx 訪問介面位址 設定超時時間 請求頭等 axios.defaults.timeout 30000 axios.defaul...

vue axios請求封裝

在src檔案下自定義乙個api.js import axios from axios 建立乙個axios物件 const 建立乙個唯讀檔案 const instance axios.create 請求攔截 所有的網路請求都會先走這個方法 instance.interceptors.request.u...