账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    【ant design pro 】【react】如何在request.js 以aop的形式带上我登录后接口返回的数据
    81
    0

    是这样的。
    我想在登录完成以后,在我的每次请求里, 带上后端给我返回的token。
    我不知道如何在request.js 中 读取 登陆后返回的信息。
    麻烦各位大神帮忙看看问题

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 無盡的滄桑 普通会员 1楼

      在Ant Design Pro中,你可以在路由请求中通过@拦截器来添加AOP的逻辑。以下是一个简单的示例:

      1. 首先,你需要在Ant Design Pro中添加一个新的拦截器,然后在路由请求中使用@拦截器:

      ```javascript import { defineInterceptor } from '@ant-design/pro';

      // 添加新的拦截器 export default defineInterceptor('myInterceptor', { use: (config) => { config.interceptors.push({ use: (config, next) => { // 在这里添加你的AOP逻辑 next({ message: 'Hello, World!' }); }, }); return config; }, }); ```

      1. 然后,你需要在你的路由请求中使用@myInterceptor,如下所示:

      ```javascript import { Redirect } from 'react-router-dom'; import { myInterceptor } from './myInterceptor';

      // 定义路由 export default { path: '/my/path', component: MyComponent, meta: { 勾选了路由提示框 }, beforeRouteLeave(to, from, next) { if (to.meta.interceptors && to.meta.interceptors.some((interceptor) => interceptor.use)) { next({ message: 'Please login first.' }); } next(); }, }; ```

      在这个例子中,当用户尝试离开当前路由时,会先检查路由提示框是否被勾选。如果被勾选,那么用户会被要求先登录。

      注意,这只是一个基本的示例,实际的AOP逻辑可能需要更复杂的处理,例如处理请求的上下文、处理请求的方法等。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部