vue怎么 封装axios

Vue可以通过封装Axios来进行网络请求。下面是Vue封装Axios的步骤：

1. 首先，在项目中安装Axios依赖：

npm install axios --save

2. 在src目录下创建一个utils文件夹，并在该文件夹下创建一个request.js文件。

3. 在request.js文件中引入Axios：

import axios from 'axios';

4. 创建一个新的Axios实例，并设置一些默认配置，比如请求的基础URL、请求超时时间等。可以根据项目的需求进行相应的配置。

const instance = axios.create({
    baseURL: 'http://api.example.com',
    timeout: 5000
});

5. 创建一个request方法用于发送请求，并返回一个Promise对象。可以在该方法中对请求进行拦截、添加请求头等操作。

function request(config) {
    return instance.request(config)
        .then(response => {
            return response.data;
        })
        .catch(error => {
            console.log(error);
        });
}

6. 在需要发送请求的地方引入request.js，并使用封装的request方法发送请求。例如：

import request from '@/utils/request';

export default {
    methods: {
        fetchData() {
            request({
                url: '/api/v1/products',
                method: 'get',
                params: {
                    name: 'aaa',
                    age: 18
                }
            }).then(res => {
                console.log(res);
            });
        }
    }
};

以上就是Vue中封装Axios的基本步骤。通过这种方式，可以方便地进行网络请求，统一管理接口和请求配置。