在vue中使用axios，作统一入口处理（延时处理，sql防注入等）

最新推荐文章于 2024-11-13 10:25:26 发布

会呼吸的河粉

最新推荐文章于 2024-11-13 10:25:26 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： VUE axios interceptors 拦截器

本文链接：https://blog.youkuaiyun.com/m0_37144080/article/details/80880132

本文介绍如何在JavaScript项目中使用Axios库实现HTTP请求与响应的拦截功能。通过设置请求与响应拦截器，可以更好地控制请求流程并处理错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先创建一个JS文件，这里我的是ajax.js

文件引入axios，和导出

import axios from 'axios'
export default axios;

中间需要interceptors拦截器进行处理

以下是全部代码

import axios from 'axios'
// http request 拦截器
axios.interceptors.request.use(
  config => {
    /* 代码写这里 */
    console.log('request')
    return config;
  },
  err => {
    console.log('err')
    return Promise.reject(err);
  });

// http response 拦截器
axios.interceptors.response.use(
  response => {
    /* 代码写这里 */
    console.log('response')
    return response;
  },
  error => {
    console.log('error')
  });
export default axios;