vue----axios的封装

一、安装

使用npm:npm install axios

二、配置基准路径

utils文件夹创建myaxios

//安装好后会有axios文件
import axios from 'axios'
//配置基准路径
axios.defaults.baseURL = 'http://localhost:3000'
// 暴露
export default axios

三、在接口文件配置接口

axios({})返回是一个promise对象

post请求

// 引入基准路径
import axios from '@/utils/myaxios.js'

//登陆接口，post请求
export const login = (data) => {
    return axios({
        url: 'login',
        method: 'post',
        data
    })
}

get请求

// 引入基准路径
import axios from '@/utils/myaxios.js'
export const getBanner = () => {
    return axios({
        // method不写默认get
        url: '/scenics/banners'
    })
}

四、引入

对象中可以写多个接口

import { login } from "@/apis/user";

五、使用

async userlogin() {
      let res = await login(this.user);
      console.log(res);
    },