1.4 KiB
1.4 KiB
首先我需要你帮我做一个全局的message提示组件，用于在全局范围内显示提示信息，如成功、失败、警告等。 我需要你帮我参考#api1.md文件，根据接口文档内容，首先封装一个src/service/request/index.ts文件，用于封装axios请求，包括请求拦截器、响应拦截器、请求参数处理、响应数据处理等。然后封装一个src/service/api/xx.ts文件，用于封装每个接口的请求方法，包括请求参数、请求方法、请求路径等。 接口请求时，可以直接调用封装好的请求方法，也可以在业务代码中直接调用axios请求。调用时可以根据需要传递参数，也可以在请求方法中直接传递参数。同时参数中可以传递一个config对象，用于配置请求参数，如请求头、请求体、超时时间等（不强制），以及是否加载，是否显示loading(loading时屏幕不可操作)等。 针对登录接口，可以利用pinia存储登录状态，登录成功后将token存储在pinia中，后续请求在请求拦截器中添加token到请求头中。同时增加持久化存储，登录状态和token可以存储在localStorage中，避免页面刷新后登录状态丢失，需要防止持久化信息被恶意获取。 登录和退出接口封装后，在业务代码中#TheNavigation.vue中调用登录和退出接口，登录成功后跳转到首页，退出登录后跳转到首页。