程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbshelp.hbs404.hbsanimal.hbs信息.hbsstyles.css大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbsHelp.hbs404.hbsanimal.hbs信息.hbsstyles.css?

开发过程中遇到不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbsHelp.hbs404.hbsanimal.hbs信息.hbsstyles.css的问题如何解决?下面主要结合日常开发的经验,给出你关于不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbsHelp.hbs404.hbsanimal.hbs信息.hbsstyles.css的解决方法建议,希望对你解决不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbsHelp.hbs404.hbsanimal.hbs信息.hbsstyles.css有所启发或帮助;

我创建了一个站点,其中包含根目录、帮助和 404 路径以及 hbs 格式的页面。问题是,当我运行 @H_262_3@localhost:3000/wrong 时,它正确显示了站点,但是当我运行 @H_262_3@localhost:3000/Help/wrong 时,CSS 部分没有像它应该的那样应用于该 404 页面,因为没有路由 {{1 }}。
我使用 @H_262_3@/Help/wrong 或 @H_262_3@node app.Js 运行代码。

文件夹结构:

  • 公开
    • CSS
      • styles.CSS
  • 模板
    • 局部
      • animal.hbs
      • 信息.hbs
    • 观看次数
      • 404.hbs
      • Help.hbs
      • index.hbs
  • app.Js
  • package.Json
  • package-lock.Json

package.Json

@H_262_3@nodemon app.Js

app.Js

@H_262_3@"dependencIEs": {
 "express": "^4.17.1","hbs": "^4.1.1"
},"devDependencIEs": {
 "nodemon": "^2.0.7"
}

index.hbs

@H_262_3@const express = require("express");
const hbs = require("hbs");

const app = express();

app.set('vIEw ENGIne','hbs');
app.set('vIEws','./templates/vIEws');
hbs.registerPartials('./templates/partials');
app.use(express.static('./public'));

const animal = 'Tiger';
app.get('',(request,response,next) => {
    response.render('index',{
        title: 'Root',animal
    });
})

app.get('/Help',(req,res) => {
    res.render('Help',{
        title: 'Help',animal
    })
})

app.get('/Help/*',res) => {
    res.render('404',{
        title: '404',animal,error: 'Help Page Not Found!'
    })
})

app.get('*',error: 'Page Not Found!'
    })
})

app.Listen(3000,() => {
    console.log("Server is on port 3000");
})

Help.hbs

@H_262_3@<!DOCTYPE HTML>
<HTML lang="en">
<head>
    <title>Root</title>
    <link rel="stylesheet" href="CSS/styles.CSS">
</head>
<body>
    {{>info}}
    {{>animal}}  
</body>
</HTML>

404.hbs

@H_262_3@<!DOCTYPE HTML>
<HTML lang="en">
<head>
    <title>Help</title>
    <link rel="stylesheet" href="CSS/styles.CSS">
</head>
<body>
    {{>info}}
    {{>animal}}
</body>
</HTML>

animal.hbs

@H_262_3@<!DOCTYPE HTML>
<HTML lang="en">
<head>
    <title>404</title>
    <link rel="stylesheet" href="CSS/styles.CSS">
</head>
<body>
    {{>info}}
    {{error}}
    {{>animal}}
</body>
</HTML>

信息.hbs

@H_262_3@<p>Animal is {{animal}}</p>

styles.CSS

@H_262_3@<h1>{{titlE}}</h1>
<a href="/">Root</a>
<a href="/Help">Help</a>

我已尝试尽可能最好地解释这个问题。如果有什么不清楚的,请发表评论。非常感谢。

解决方法

@H_262_3@app.get('/Help*',(req,res) => {
    res.render('404',{
        title: '404',animal,error: 'Help Page Not Found!'
    })
})

删除 @H_262_3@/ 之前的 @H_262_3@* 是否有效?

大佬总结

以上是大佬教程为你收集整理的不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbshelp.hbs404.hbsanimal.hbs信息.hbsstyles.css全部内容,希望文章能够帮你解决不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbshelp.hbs404.hbsanimal.hbs信息.hbsstyles.css所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:404