AJ-Report项目分析(7)

2021SC@SDUSC

目录

登录相关

vuex store的使用

token相关

什么是token:

登录时的request拦截器

登录时的response拦截器


本文分析一下与登录相关的js文件

登录相关

首先分析src/utils/request.js文件,源码如下:

import axios from 'axios'
import { Message, MessageBox } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'
 
const service = axios.create({
  baseURL: process.env.BASE_API,  
  timeout: 20000  
})

首先引入axios与MessageBox。接着引入了store和token,这两个我们没有接触过,接下来分析一下这两个组件的用处。

vuex store的使用

我们点进去store所在文件,源码如下:

Vue.use(Vuex)

const initPlugin = store => {
}

const store = new Vuex.Store({
  modules: {
    app,
    user,
    cacheView,
    help
  },
  state: { },
  plugins: [initPlugin],
  actions,
  mutations,
  getters
})

export default store
<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值