某移动端项目介绍

项目介绍

这个项目是我原来开发完成的，它是一个教育类型的移动端项目，移动端类的项目看似简单，则需要的插件，配置挺多的。
我用的是现在流行的vue-cli框架和vant-ui移动端组件库结合构建的项目。
因为vue是一种MVVM的渐进式框架，并且vue的两大核心：数据驱动、组件系统，用起来也很方便代码的书写，vue不仅易于上手，还便于与第三方库或项目整合。vant也是一个性能极佳，组件体积小，移动端适用场景多的框架。
项目开始时需要先通过vue create 项目名称创建一个vue的脚手架。

一、脚手架安装完成后，需要做一些项目的配置，我是先根据项目的大概情况，下载需要的依赖，例如axios，vant-ui,router等。依赖安装之后就是项目的配置了，我先配置的axios拦截器，我是通过在src目录下新建一个utils文件夹，在里面创建一个request.js文件。
1.在文件中导入axios对象

import axios from "axios"

2.创建一个axios的实例,配置一些根域名，接口超时时间等

const Server = axios.create({
   
  baseURL: baseUrl, //根域名
  timeout: 3000, //超时时间
})

3.之后就是定义请求拦截器，请求拦截器中可以进行一些token值的存储，loading加载的配置等一些信息

Server.interceptors.request.use((config) => {
   

  let data=sessionStorage.getItem('wwt_token')
  if(data!==null) {
   
    config.headers.authorization='Bearer '+data
  }

  return config;
}, (error