结合vue-axios,使用vue.use方法
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios);
getNewsList(){
this.axios.get('api/getNewsList').then((response)=>{
this.newsList=response.data.data;
}).catch((response)=>{
console.log(response);
})
},
axios 改写为 Vue 的原型属性
import axios from 'axios'
Vue.prototype.$axios= axios
this.$axios.get('api/getNewsList').then((response)=>{
this.newsList=response.data.data;
}).catch((response)=>{
console.log(response);
})
结合vuex 封装 axios
import axios from 'axios'
const service = axios.create({
baseURL: process.env.BASE_API,
timeout: 5000
})
service.interceptors.request.use(config => {
if (store.getters.token) {
config.headers['X-Token'] = getToken()
}
return config
}, error => {
console.log(error)
Promise.reject(error)
})
service.interceptors.response.use(
response => response,}
error => {
if (error?.response?.status == 401) { router.push({
name: "login"
})
}
if(){
.......}
return Promise.reject(error?.response)
})
export default service
export function getInfo(params) {
return request({
url: '/user/info',
method: 'get',
params
});
}