我已经将我的代码简化为我可以做的最简单的express-js应用程序:
var express = require("express"),
app = express.createServer();
app.use(express.static(__dirname + '/styles'));
app.listen(3001);
我的目录是这样的:
static_file.js
/styles
default.css
然而，当我访问http://localhost:3001/styles/default.css时，我得到以下错误:
Cannot GET / styles /
default.css
我使用express 2.3.3和节点0.4.7。我做错了什么?
当前回答
在你的server.js中:
var express = require("express");
var app = express();
app.use(express.static(__dirname + '/public'));
你已经分别声明了express和app，创建一个名为“public”的文件夹或其他你喜欢的文件夹，但你可以访问这些文件夹。在模板src中，您已经添加了从/public的相对路径(或静态文件的文件夹destiny的名称)。当心路上的栏杆。
其他回答
对我有用的是:
而不是写app.use(express。Static (__dirname + 'public/images'));在你的app.js中
简单的写 app.use (express.static('公共/图像'));
即删除路径中的根目录名。然后你可以在其他js文件中有效地使用静态路径，例如:
<img src="/images/misc/background.jpg">
希望这对你有所帮助。
静态目录
检查上面的图像(静态目录)的目录结构
const publicDirectoryPath = path.join(__dirname,'../public')
app.use(express.static(publicDirectoryPath))
// or
app.use("/", express.static(publicDirectoryPath))
app.use((req, res, next) => {
res.sendFile(path.join(publicDirectoryPath,'index.html'))
除此之外，确保静态文件路径以/ (ex…/资产/ css)……在主目录(/main)之上的任何目录中提供静态文件
这个方法对我很管用
app.use(express.static(path.join(__dirname, 'public')));
app.use('/img',express.static(path.join(__dirname, 'public/images')));
app.use('/shopping-cart/javascripts',express.static(path.join(__dirname, 'public/javascripts')));
app.use('/shopping-cart/stylesheets',express.static(path.join(__dirname, 'public/stylesheets')));
app.use('/user/stylesheets',express.static(path.join(__dirname, 'public/stylesheets')));
app.use('/user/javascripts',express.static(path.join(__dirname, 'public/javascripts')));
尝试使用http://localhost:3001/default.css访问它。
app.use(express.static(__dirname + '/styles'));
你实际上给它的名称文件夹，即样式，而不是你的子url。
