api/request.js
import axios from 'axios'
const instance = axios.create({
? ? baseURL: "www.bai.com/",
? ? timeout: 1000,
})
// 添加請求攔截器
instance.interceptors.request.use(function (config) {
? ? // 在發(fā)送請求之前做些什么
? // console.log('我是攔截器',config)
? ? return config;
}, function (error) {
? ? // 對請求錯誤做些什么
? ? return Promise.reject(error);
});
// 添加響應(yīng)攔截器
instance.interceptors.response.use(function (response) {
? ? // 對響應(yīng)數(shù)據(jù)做點(diǎn)什么
? //? console.log('我是響應(yīng)器',response)
? ? return response;
}, function (error) {
? ? // 對響應(yīng)錯誤做點(diǎn)什么
? ? return Promise.reject(error);
});
/**
* 封裝get方法
* @param url
* @param data
* @returns {Promise}
*/
export function fetch(url,params={}){
? ? return new Promise((resolve,reject) => {
? ? ? instance.get(url,{
? ? ? ? params:params
? ? ? })
? ? ? .then(response => {
? ? ? ? resolve(response.data);
? ? ? })
? ? ? .catch(err => {
? ? ? ? reject(err)
? ? ? })
? ? })
? }
? /**
* 封裝post請求
* @param url
* @param data
* @returns {Promise}
*/
? export function post(url,data={}){
? ? return new Promise((resolve,reject)=>{
? ? ? ? instance.post(url,data)
? ? ? ? .then(response=>{
? ? ? ? ? // console.log("我是封裝的",response.data);
? ? ? ? ? ? resolve(response.data)
? ? ? ? },err=>{
? ? ? ? ? ? reject(err)
? ? ? ? })
? ? })
? }
export default instance
main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
Vue.config.productionTip = false
import {post,fetch,patch,put} from './api/request'
//定義全局變量
Vue.prototype.$post=post;
Vue.prototype.$fetch=fetch;
/* eslint-disable no-new */
new Vue({
? el: '#app',
? router,
? store,
? components: { App },
? template: '<App/>'
})
