前端小项目总结

1、现成方案：layout架子+[ 权限设置、导入导出、axios()封装 ]

vue-admin-template

react—>umi.js 开箱即用，快速基于二次开发，节省很多开发时间

2、环境变量：根据不同环境变化不同的值。

开发环境、测试环境、生产环境

参考：模式和环境变量 | Vue CLI (vuejs.org)

3、axios封装

什么是axios?

基于原生javax封装出的http请求库（地址配置、拦截器、取消等操作，同时兼容浏览器和node.js环境）

实例化和request 有什么关系

request=配置之后的axios

实例化操作是可以进行多次的，有些比较大的项目可能需要创建多个实例应付不同的请求

const request = axios.create({

  baseURL: process.env.VUE_APP_BASE_URL,

  timeout: 5000 // request timeout

})

 

// 添加请求拦截器

//token 的注入操作，很多接口都需要用到token做接口签权
axios.inter