gpt4 book ai didi

javascript - 使用 express js 渲染图像

转载 作者:行者123 更新时间:2023-11-30 11:34:13 28 4
gpt4 key购买 nike

我是 node.js 和 express.js 的新手,我正在尝试用它们升级我的前端项目。除了要加载的图像外,我设法使一切都变得完美。我已经尝试了我能找到的所有可能的解决方案,但仍然没有幸福的结局。我的项目有一个通用的 express 文件结构。

我的 app.js:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});

// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};

// render the error page
res.status(err.status || 500);
res.render('error');
});

module.exports = app;

包含图像的示例 div:

<div id="logo" class="col-xs-12">
<img class="menuClosed" src="http://localhost:3000/images/logoRV.png">
</div>

这是我在终端上收到的消息: “获取/images/logoRV.png 200 0.714 毫秒 - 856”

这是检查员在资源选项卡中告诉我的内容: “尝试加载资源时发生错误”

更新:显然问题是我在该文件夹中有图像的别名而不是原始图像...在保存原始图像后它正确呈现。感谢所有试图提供帮助的人。

最佳答案

你需要设置app.use(express.static('path_to_images)来加载图片等静态资源。你还没有发布你的路线,所以很难知道你打算发生什么当路由器遇到像 /images/... 这样的 url 时,但我猜你只想从目录中提供静态图像。

您当前正在使用此行设置静态目录:

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

你可以把图片放在那里。

您还可以设置目录以服务于特定的 url,如下所示:

app.use('/images', express.static('photos'))

关于javascript - 使用 express js 渲染图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45115021/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com