我正在使用 Remix-run,我想从 auth 实用程序函数重定向到我的登录页面。但它不起作用。这是与我的身份验证实用程序方法类似的功能
import { redirect } from 'remix';
async function authenticate(request){
try{
const user = await rpc.getUser(request);
return user
} catch(e){
console.log(e) // logs error when rpc fails
if(e.response.status === 401){
return redirect('/login')
}
return redirect('/500')
}
}
//component.jsx
import {useLoaderData } from 'remix';
export async function loader({ request }) {
const user = await auth.authenticate(request);
return { user };
}
export default function Admin(){
const { user } = useLoaderData();
return <h1>{user.name}</h1>
}
如果 auth rpc 失败,我会在日志中收到错误消息。但重定向永远不会发生。
如果我搬家redirect
我的加载程序功能的一部分它按预期工作。它不仅在效用函数内部工作
在深入研究文档和重新混合笑话应用程序演示后。我发现您需要从加载器/操作以外的任何其他函数抛出重定向才能进行重定向。如果需要的话,你也可以抛出 Http 响应。
import { redirect } from 'remix';
async function authenticate(request){
try{
const user = await rpc.getUser(request);
return user
} catch(e){
if(e.response.status === 401){
throw redirect('/login')
}
throw redirect('/500')
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)