javascript - 静态资源加载失败

Question

我创建了 app.js 文件，如下所示:

const express = require('express');

const app = express();

app.use(express.static('public/styles'));
app.use(express.static('public/views'));
app.use(express.static('public/images'));

module.exports = app;

当我添加 app.listen(8000); 并通过 node app.js 启动我的应用程序时，一切看起来都很好。但我想将服务器放在不同的文件中，因此我创建了 server.js 文件，如下所示:

const http = require('http');
const app = require('../app');

http.createServer(app).listen(8000);

当我通过 node server.js 启动服务器时，我收到错误消息:

Failed to load resource: the server responded with a status of 404 (Not Found)

我的路:

-server
 -bin
  -server.js
 -public
  -images
  -styles
   -style.css
  -views
   -index.html
 -app.js

它应该是什么样子？怎么了？请准确地解释一下。

我也尝试在 server.js 中使用它，但没有成功:

const app = require('../app');

app.listen(8000);

Answer 1

更改静态数据的路径。它应该与您的 server.js

相关

const express = require('express');

const app = express();

app.use(express.static('../public/styles'));
app.use(express.static('../public/views'));
app.use(express.static('../public/images'));

module.exports = app;