当前位置: 首页 > 面试题库 >

如何使用node,express和ejs包含CSS文件?

桓宜
2023-03-14
问题内容

我正在尝试按照https://stackoverflow.com/a/18633827/2063561的说明进行操作,但是仍然无法加载styles.css。

从app.js

app.use(express.static(path.join(__dirname, 'public')));

在我的.ejs文件中,我尝试了这两行

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

都不加载css。我进入开发人员的控制台,注意到类型设置为’text / html’而不是’text / css’。

我的路看起来像

.
./app.js
./public
    /css
        /style.css

问题答案:

在server.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" />


 类似资料:
  • 问题内容: 我的代码有问题。因为我要为页面包括全局字体,所以我下载了.ttf文件。我将其包含在我的主要CSS中,但是我的字体不会改变。 这是我的简单代码: 我不知道我哪里出了错。你能帮我吗?谢谢。 问题答案: 仅为webfont提供.ttf文件不足以支持跨浏览器。目前最好的组合是使用以下组合: 此代码假定您的webfont具有.eot,.woff,.ttf和svg格式。要使所有这些过程自动化,您可

  • 本文向大家介绍详解node+express+ejs+bootstrap构建项目,包括了详解node+express+ejs+bootstrap构建项目的使用技巧和注意事项,需要的朋友参考一下 node+express+ejs+bootstrap是前端常用的项目结构,分享给大家,具体如下: 您可以通过node-express_jb51.rar 来克隆我创建好的项目结构,也可以通过下面的方式一步一步手

  • 问题内容: 在我的index.ejs中,我有以下代码: 在我的节点中 但是,我在页面上获得 如果我写 我得到: 有没有一种方法可以传递 JS可读 的JSON ? 问题答案: 哦,那很容易,不要使用,而是使用。例如: 第一个将以HTML呈现,第二个将呈现变量(按原样评估)

  • 问题内容: 在Express项目中包括CSS和JS文件的正确方法是什么? 我正在使用ejs模板引擎。我已经看到一个使用connect-assetmanager的示例,但是很难遵循。 一个小的示例项目在index.ejs(不是layout.ejs)中包含css和js会非常有用。 问题答案: 静态文件可以与express的静态中间件一起使用。我通常为从根目录提供所有静态文件的目录。 如果已使用npm(

  • express-ejs-layouts Layout support for ejs in express Installation $ npm install express-ejs-layouts Example Check the example folder. git clone https://github.com/soarez/express-ejs-layouts.git cd ex

  • 我正在努力了解如何在include ejs标记中使用三元运算符。 我使用node>expressjs和ejs作为js文件。 有什么想法吗?