先看路由,可以查看功能模块划分。熟悉什么看什么
router文件夹下routerConfig.tsx
配置路由,创建模块文件(写好内容模块),lazy可懒加载导入。App.tsx配置一级路由,配置二级路由出口
{
path:'/',
element: <Login />
}
axios
utils文件夹下request.ts二次封装:实例化axios(超时时间,基准路径),设置请求拦截器,设置响应拦截器
请求头参数是自带的。payload才是我们携带的。因此配置请求头携带:token,我们默认就可以发送不用携带请求头了
通过 error.response.status 判断响应状态
api文件夹下模块化管理:::另类写法request其实就是axios的请求方式
get特殊点,需要 params代替data。其他请求是data
设置反向代理:setupProxy.js
eg:基准路径 写 /admin 然后其他请求路径都不用写了 /admin 了,避免代码冗余
升级:和前边axios配置一样
store存储文件夹下request.ts
使用:
登录后存储的有token在axios二次封装中携带token