vue封装axios

安装 npm i --save axios

main.js里面引入axios    import axios from 'axios'

挂载原型    Vue.prototype.$http = axios

src目录下新建fetch文件夹,新建文件config.js,fetch.js

config文件

fetch文件

import Axios from 'axios'

import config from './config'

const fetch = Axios.create(config)

// 请求时的拦截

fetch.interceptors.request.use(config=> {

        // 发送请求之前做一些处理

        return config;

    }, error=> {

        // 当请求异常时做一些处理

        return Promise.reject(error);

    });

// 响应时拦截

fetch.interceptors.response.use(response=> {

        // 返回响应时做一些处理

        return response;

    },error=>{

        // 当响应异常时做一些处理

        return Promise.reject(error);

    });

export default fetch

src下新建文件夹api,新建文件api.js

引入fetch    import fetch from '../fetch/fetch';

封装请求

调用

import {ValidSession} from '../api/api'

猜你喜欢

转载自my.oschina.net/u/3705266/blog/1818046