如何解决在app.use陷入无限循环之前无法重定向到Express应用中的HTML文件,并且无法提供html文件
我创建了一个快速应用程序,如果用户通过了身份验证,则它会从build文件夹中提供React项目的一些静态文件,否则,我会将其重定向到身份验证站点。在快速文件的开头,我使用了app.use,其中应用了逻辑,即如果令牌有效,我将向用户提供对应用程序做出反应的访问权限,或者重定向回身份验证站点。
现在,为了进一步限制我的应用程序级别的访问权限,我创建了一个电子邮件变量,其字符串用逗号分隔,因为只有10个用户将要使用它,如果我在列表中找到用户电子邮件,则会向他提供401.html文件节点应用本身。 (在运行app.use之前,否则它将陷入无限循环并失败)
这是我用app.js编写的缩小代码:
const users = 'abc@abc.com,def@def.com';
app.use(express.static(__dirname + "/ErrorHtml/401.html")); // make 401.html available
app.get('/401',function(req,res){ // api which gets called from below app.use if user is not present in const users variable
res.redirect('./ErrorHtml/401.html'); // i want to redirect just serve a 401.html page to user here but get stuck in infite loop
// res.sendFile('./ErrorHtml/401.html');
})
app.use((req,res,next) => {
let token = req.cookies['tokenName']; // check for token in req.
if (token) {
jsonwebtoken.verify(token,secret,function (err,decoded) {
if (err) {
res.redirect(`authURLLink`); // send him back if token is invalid
} else { // token validation succesful
console.log(console.log("This is user",users))
if(users.toLowerCase().indexOf(decoded.email) == -1) { // check if the user is there in the const users declared at the very top. If not deny access
res.redirect('/401'); // deny access
}else { // else i give him access to my react app
console.log(decoded.email + ' is authorized')
next()
return;
}
}
});
} else {
res.redirect(`authURLLink`);
}
});
app.use(express.static(path.join(__dirname,'build'))) // make react build available
app.use(express.static(path.join(__dirname,'..','app','build')));
app.get('/*',function (req,res) { // any request with page name gets served
res.sendFile(path.join(__dirname,'build','index.html'));
});
问题:当用户点击应用网址时。它涉及到app.use,如果用户不在我的const变量 user 中,我想为用户提供一个简单的401.html。但是这样做会陷入无限循环,因为在app.get / 401 api中,我将其重定向到401.html,但随后又出现在app.use中,并再次调用/ 401 api。
我尝试的方法:在401 API中,我使用了res.redirect('./ ErrorHtml / 401.html'); //但陷入无限循环 其次我尝试了res.sendFile('./ ErrorHtml / 401.html'); //它在api请求中发送文件,但不重定向?
这是我的项目结构。
APPFOLDER
-ErrorHtml (Folder)
-401.html --> example -> <html> Not Authorised</html>
- build folder
- index.html of react which takes care for any name of the page.
- server.js
- app.js where all the api is listed shown above
-package.json
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。