Css 样式未应用于 EXPRESS 和 EJS 的特定案例
Css style not being applied on a specific case with EXPRESS and EJS
我使用带有 ejs 的 express 作为模板语言。我面临一个关于应用 css 属性的问题，我在一个单独的目录中定义了这些属性。我已经使用 app.get() 函数定义了多个路由，但是在特定路由中我的 css 属性没有被应用。我不知道到底发生了什么。如果我尝试在 chrome 的检查工具中查找。在控制台部分下没有错误甚至警告。如果我在网络选项卡下查看，我可以看到正在传输的 css 文件，但是在打开它之后，它似乎给了我另一个奇怪的 html 页面。
我将提供有关该特定路线问题的所有信息。请在下面找到相关图片。
这是我正在使用的文件夹结构：
folder structure. everything is under "new" directory
app.js 文件的内容：
code for app.js
home.js 文件的内容：
code for home.js
love.js 文件的内容：
code for love.js
posts.js 文件的内容：
code for posts.js
app.css 文件的内容：
Simple css properties being applied on body
访问路由“/fallinlovewith/rusty”后，没有应用 css。然而在其他路线上，我的 css 工作得很好。
no css being applied in the route - '/fallinlovewith/rusty'
检查页面我们可以看到 css 文件 app.css 已经 used.But 如果我单独打开它，我会得到一个奇怪的东西，我不知道发生了什么。
double clicking on app.css under the network tab, i get back this page
顺便说一下，我正在关注我的讲师 Colt Steele，他在 udemy 上开设了这门名为 Web 开发人员训练营的课程。我按照他打字的方式关注了一切。尽管如此，我还是遇到了这个奇怪的问题。
您的样式表必须以斜杠“/”为前缀，以便引用网站的根...
我在你的代码中看到了<link rel="stylesheet" href="app.css" />
应该是<link rel="stylesheet" href="/app.css" />
如果您不使用斜杠作为前缀，url 将附加到当前的 url...
ps: 下次，复制你的代码而不是链接一些截图......这对读者来说会更容易.. .
我使用带有 ejs 的 express 作为模板语言。我面临一个关于应用 css 属性的问题，我在一个单独的目录中定义了这些属性。我已经使用 app.get() 函数定义了多个路由，但是在特定路由中我的 css 属性没有被应用。我不知道到底发生了什么。如果我尝试在 chrome 的检查工具中查找。在控制台部分下没有错误甚至警告。如果我在网络选项卡下查看，我可以看到正在传输的 css 文件，但是在打开它之后，它似乎给了我另一个奇怪的 html 页面。
我将提供有关该特定路线问题的所有信息。请在下面找到相关图片。
这是我正在使用的文件夹结构： folder structure. everything is under "new" directory
app.js 文件的内容： code for app.js
home.js 文件的内容： code for home.js
love.js 文件的内容： code for love.js
posts.js 文件的内容： code for posts.js
app.css 文件的内容： Simple css properties being applied on body
访问路由“/fallinlovewith/rusty”后，没有应用 css。然而在其他路线上，我的 css 工作得很好。
no css being applied in the route - '/fallinlovewith/rusty'
检查页面我们可以看到 css 文件 app.css 已经 used.But 如果我单独打开它，我会得到一个奇怪的东西，我不知道发生了什么。 double clicking on app.css under the network tab, i get back this page
顺便说一下，我正在关注我的讲师 Colt Steele，他在 udemy 上开设了这门名为 Web 开发人员训练营的课程。我按照他打字的方式关注了一切。尽管如此，我还是遇到了这个奇怪的问题。
您的样式表必须以斜杠“/”为前缀，以便引用网站的根...
我在你的代码中看到了<link rel="stylesheet" href="app.css" />
应该是<link rel="stylesheet" href="/app.css" />
如果您不使用斜杠作为前缀，url 将附加到当前的 url...
ps: 下次，复制你的代码而不是链接一些截图......这对读者来说会更容易.. .