使用 express 中间件应用 CSS 样式

Question

你好吗？我正在尝试在 express js 中使用中间件，像这样。

app.get ('/user/:school/:dual', function (req, res, next) {
  ......
  ...
  ......
});

到目前为止没问题。

例如，当我输入一条路线时：例如localhost:4000/UCLA/2019

已定义的样式不显示

我在 public 文件夹中的 express js 中使用静态文件

var express = require ('express');
var app = express ();
var path = require ('path');

//app.use(express.static(__dirname)); // Current directory is root
app.use (express.static (path.join (__ dirname, 'public'))); // "public" off of current is root

app.listen (4000);
console.log ('Listening on port 4000');

Public文件夹由这些文件夹定义

* Images
  -school
  -Light
* Vendor
  * Bootstrap
    * dist
       * css
         -file1.css
         -file2.css
       * fonts
       * js

我试图删除所有文件夹以便能够更快地访问静态文件，但是我尝试访问 localhost:4000/UCLA/2019 并且 css 样式没有出现。

Answer 1

我以前经历过这个。有一个建议是使用 apache 反向代理路由 :4000 请求，有时使用端口是静态文件的真正问题。

如果这不是您的解决方案，请使用：

app.use(express.static('public'));

而不是

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

并尝试在 public 文件夹中放置一个静态文件，让我看看这是怎么回事

使用 express 中间件应用 CSS 样式

Apply CSS styles with express middleware

css

middleware

node.js

express