本文共 1502 字，大约阅读时间需要 5 分钟。

通过npm安装模块

npm install axios --save

引入axios

import axios from 'axios'

编写request.js创建axios实例

import axios from 'axios'import router from '@/router/routers'import {
    Notification, MessageBox } from 'element-ui'import store from '../store'import {
    getToken } from '@/utils/auth'import Config from '@/settings'// 创建axios实例const service = axios.create({
     baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/', // api 的 base_url  timeout: Config.timeout // 请求超时时间})export default service

如果需要拦截器，可以添加拦截器代码

// request拦截器service.interceptors.request.use(  config => {
       if (getToken()) {
         config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改    }    config.headers['Content-Type'] = 'application/json'    return config  },  error => {
       // Do something with request error    console.log(error) // for debug    Promise.reject(error)  })// response 拦截器service.interceptors.response.use(  response => {
       const code = response.status    if (code < 200 || code > 300) {
         Notification.error({
           title: response.message      })      return Promise.reject('error')    } else {
         return response.data    }  },  error => {
       return Promise.reject(error)  })

使用Axios中方法

import request from '@/utils/request'export function login(username, password, code, uuid) {
     return request({
       url: 'auth/login',    method: 'post',    data: {
         username,      password,      code,      uuid    }  })}

转载地址：https://blog.csdn.net/qinwuxian19891211/article/details/105939245 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！