我目前正在开发一个带有Node.js,Express,EJS,Passport等的webapp ...而且我很难在我的webapp的某些页面上加载我的图像。我正在使用与加载图像的页面完全相同的img
标记:
<img src="./public/images/ResConnectBanner.png" width="50%" height="50%" alt="ResConnect Logo"/>
我还注意到图片没有加载的页面是相同的&#34;距离&#34;远离index.ejs页面。这是一个站点地图,向您展示我的意思:
Index
|
|__Login/Register
|
|__Home
|
|__Community Mapping
| |
| |__View Maps
| |
| |__View Individual Map (BANNER DOES NOT LOAD)
|
|__Roommate Management
|
|__View Agreements
|
|__View Individual Agreement (BANNER DOES NOT LOAD)
这是我在server.js文件中的快速路由代码,它在正在工作的页面上加载图像:
var express = require('express');
var session = require('express-session');
var favicon = require('express-favicon');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var morgan = require('morgan');
var app = express();
var port = process.env.PORT || 1848;
var passport = require('passport');
var flash = require('connect-flash');
require('./config/passport')(passport); // pass passport for configuration
app.use('/public/images/', express.static('./public/images'));
app.use(favicon(__dirname + './public/favicon.ico'));
我不确定这个问题是否有意义,但如果您需要澄清或有疑问,请告诉我们!非常感谢您的任何提示或帮助! :)