chevron_left

Vue 2 实践教程

免费
第 10.1 回

教程文档

Vue 2 实践教程 - 封装 axios 拦截器,验证 Token

2023年11月14日
Vue 2 实践教程

封装 axios 拦截器,验证 Token

封装

修改/utils/request.js文件

import axios from "axios";
import { MessageBox, Message } from "element-ui";

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // 当跨域请求时,发送 cookies
  timeout: 5000 // 请求超时时间
});

// request拦截器
service.interceptors.request.use(
  (config) => {
    // do something 在发送请求前
    const token = localStorage.token;

    if (token) {
      // 让每个请求携...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手