无法从express.js公用文件夹获取CSS文件

Question

这是我的react应用程序的服务器端，我真的很惊讶，因为我认为我做对了所有事情……我在这里看了很多帖子，还有快速文档本身，现在仍然尝试从公用文件夹中获取单个CSS文件时收到404错误：

我的目录结构：

/server
  app.js 
  /views
    main.js
  /public
    /css
      styles.css

由main.js生成的html随
发送 response.set（“ Content-Type”，“ text / html”）。send（htmlDoc）;

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

在app.js中

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

这总是导致：

"GET /css/styles.css HTTP/1.1" 404

我还能检查什么？

Answer 1

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

因为您已经将“公共”文件夹设置为通过

公开可用

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

任何时候快递需要发送文件，它都会进入“公共”文件夹。在您的情况下，它将在公用文件夹中查找styles.css文件