我已经将我的代码简化为我可以做的最简单的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。我做错了什么?
当前回答
我在我的应用程序中使用引导CSS, JS和字体。我在应用程序的根目录中创建了一个名为asset的文件夹，并将所有这些文件夹放在其中。然后在服务器文件中添加以下一行:
app.use("/asset",express.static("asset"));
这一行使我能够从/asset路径前缀(例如:http://localhost:3000/asset/css/bootstrap.min.css)加载资产目录中的文件。
现在在视图中，我可以简单地包括CSS和JS如下:
<link href="/asset/css/bootstrap.min.css" rel="stylesheet">
其他回答
服务静态文件(css，图像，js文件)只需两步:
将CSS文件的目录传递给内置中间件express.static Var express = require('express'); Var app = express(); /*public是我项目目录下的文件夹，包含三个文件夹 css,形象,js * / //css =>文件夹包含css文件 //image=>文件夹包含图片 //js =>文件夹包含javascript文件 app.use(表达。静态(公共/ css)); 要访问CSS文件或图像，只需输入url http://localhost:port/filename.css ex:http://localhost:8081/bootstrap.css
注意:链接CSS文件到HTML只需输入<link href="file_name.css" rel="stylesheet">
如果我写这段代码
var express = require('express');
var app = express();
app.use('/css',express.static( 'public/css'));
要访问静态文件，只需输入url:localhost:port/css/filename.css 例:http://localhost: 8081 / css / bootstrap.css
注意链接CSS文件与HTML只需添加下面的行
<link href="css/file_name.css" rel="stylesheet">
试试http://localhost: 3001 / default。
要在请求URL中使用/styles，请使用:
app.use("/styles", express.static(__dirname + '/styles'));
请看本页上的例子:
//Serve static content for the app from the "public" directory in the application directory.
// GET /style.css etc
app.use(express.static(__dirname + '/public'));
// Mount the middleware at "/static" to serve static content only when their request path is prefixed with "/static".
// GET /static/style.css etc.
app.use('/static', express.static(__dirname + '/public'));
这对我来说很有用:
app.use('*/css',express.static('public/css'));
app.use('*/js',express.static('public/js'));
app.use('*/images',express.static('public/images'));
这个方法对我很管用
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')));
试一试”。而不是__dirname + '/public'。 类似地，尝试process.cwd() + '/public'。
有时我们会丢失正在使用的目录，最好避免假设文件位于我们指定的位置。
类似地，避免假设在依赖关系的深度中，路径在每个级别上都以相同的方式解释。
