Javascript 无法加载静态资源
我创建了Javascript 无法加载静态资源,javascript,node.js,express,Javascript,Node.js,Express,我创建了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; const http = require(
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;
const http = require('http');
const app = require('../app');
http.createServer(app).listen(8000);
当我添加app.listen(8000)代码>我通过node app.js启动我的应用程序
一切看起来都很好。
但我希望服务器位于不同的文件中,所以我创建了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;
const http = require('http');
const app = require('../app');
http.createServer(app).listen(8000);
当我通过node server.js
启动服务器时,收到错误消息:
加载资源失败:服务器响应状态为404(未找到)
我的路径:
-server
-bin
-server.js
-public
-images
-styles
-style.css
-views
-index.html
-app.js
应该是什么样子?发生了什么?请给我解释清楚
我还尝试在server.js
中使用它,但没有成功:
const app = require('../app');
app.listen(8000);
更改静力学的路径。它应该是相对于您的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;
在这个树中,server.js
在哪里?你可以参考下面的链接为什么要使用http.createServer(app).listen(8000)代码>而不仅仅是app.listen(8000)
?还有,server.js
在哪里?我更新了帖子。Server.js文件位于bin文件夹中。我试过使用app.listen(8000),但不幸的是仍然是相同的错误。你是指你的css吗?还是?这是个绝妙的建议!我在公开之前添加了它,现在效果很好,非常感谢。它与app.listen(8000)配合使用;当然是在server.js文件中。