大佬教程收集整理的这篇文章主要介绍了不同路线的 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 运行代码。
文件夹结构:
@H_262_3@nodemon app.Js
@H_262_3@"dependencIEs": { "express": "^4.17.1","hbs": "^4.1.1" },"devDependencIEs": { "nodemon": "^2.0.7" }
@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"); })
@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>
@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>
@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>
@H_262_3@<p>Animal is {{animal}}</p>
@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!' }) })
以上是大佬教程为你收集整理的不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbshelp.hbs404.hbsanimal.hbs信息.hbsstyles.css全部内容,希望文章能够帮你解决不同路线的 404 页面不起作用 package.jsonapp.jsindex.hbshelp.hbs404.hbsanimal.hbs信息.hbsstyles.css所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。