无法链接服务器上的本地样式表?

时间:2020-11-08 16:31:30

标签: html css node.js

我正在使用Node.js开发基于HTML的游戏,现在正在开发它的前端界面。我正在尝试链接CSS样式表,但遇到一个奇怪的问题。

我的文件夹结构设置如下:

C:\ Users \ myname \ Documents \ gamename,在gamename文件夹中是app.js文件,在客户端中,我有index.html文件可提供给客户端。在客户端文件夹中,我还有样式表w3.css

在app.js中,我有以下一行:

BarWrapper

在index.html内部,我有以下一行:

Bar :: HNil

但是,当我运行服务器时,似乎找不到样式表。当我在本地打开html文件时,便可以找到CSS文件。

关于如何解决此问题的任何想法?我只是使用来自W3schools托管页面的链接,但我确实需要编辑和添加自己的参数。

1 个答案:

答案 0 :(得分:1)

您是如何尝试在链接标记中导入样式表的?

您是否写过类似的文字?

 <link rel="stylesheet" href="http://localhost:3000/client/w3.css" />

在您的app.js中使用它

app.use(express.static(__ dirname +'/ public'));

并添加css之类的

<link rel="stylesheet" type="text/css" href="css/style.css" />

不需要css之类的


<link rel="stylesheet" type="text/css" href="/css/style.css" />

How can I include css files using node, express, and ejs?