前端vue项目封装api

1、安装axios、qs

npm install axios --save
npm i qs

2、mian.js里引入

import Axios from 'axios'
Axios.defaults.withCredentials = true;
Vue.prototype.$http = Axios;
Vue.prototype.$message = ElementUI.Message;

3、在src下面创建一个utils文件夹，在文件夹里创建一个request.js文件

在request.js文件里写入：

import axios from "axios";
import {
   Message } from "element-ui";
import qs from "qs";
// create an axios instance
const service = axios.create({
   
    baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
    // withCredentials: true, // send cookies when cross-domain requests
    timeout: 5000, // request timeout
});
// request interceptor
service.interceptors.request.use(
    (config) => {
   
        if (config.method == "get") {
   
            config.url =
                config.url +
                "?" +
                qs.stringify({
   
                    ...config.data