現在node.js でウェブサイトを作っている初心者プログラマーです。
node を使うと画像が読み込めません。
説明が下手ですがお願いします。。
###発生している問題・エラーメッセージ
GET http://localhost:3000/player.jpg 404 (Not Found)
###該当のソースコード
javascript
1//app.js 2var express = require('express'); 3var path = require('path'); 4var cookieParser = require('cookie-parser'); 5var bodyParser = require('body-parser'); 6var exphbs = require('express-handlebars'); 7var expressValidator = require('express-validator'); 8var flash = require('connect-flash'); 9var session = require('express-session'); 10var passport = require('passport'); 11var LocalStrategy = require('passport-local').Strategy; 12var mongo = require('mongodb'); 13var mongoose = require('mongoose'); 14 15mongoose.connect('mongodb://localhost/loginapp'); 16var db = mongoose.connection; 17 18var routes = require('./routes/index'); 19var users = require('./routes/users'); 20 21// Init App 22var app = express(); 23 24// View Engine 25app.set('views', path.join(__dirname, 'views')); 26app.engine('handlebars', exphbs({defaultLayout:'layout'})); 27app.set('view engine', 'handlebars'); 28 29// BodyParser Middleware 30app.use(bodyParser.json()); 31app.use(bodyParser.urlencoded({ extended: false })); 32app.use(cookieParser()); 33 34// Set Static Folder 35app.use(express.static(path.join(__dirname, 'public'))); 36 37// Express Session 38app.use(session({ 39 secret: 'secret', 40 saveUninitialized: true, 41 resave: true 42})); 43 44// Passport init 45app.use(passport.initialize()); 46app.use(passport.session()); 47 48// Express Validator 49app.use(expressValidator({ 50 errorFormatter: function(param, msg, value) { 51 var namespace = param.split('.') 52 , root = namespace.shift() 53 , formParam = root; 54 55 while(namespace.length) { 56 formParam += '[' + namespace.shift() + ']'; 57 } 58 return { 59 param : formParam, 60 msg : msg, 61 value : value 62 }; 63 } 64})); 65 66// Connect Flash 67app.use(flash()); 68 69// Global Vars 70app.use(function (req, res, next) { 71 res.locals.success_msg = req.flash('success_msg'); 72 res.locals.error_msg = req.flash('error_msg'); 73 res.locals.error = req.flash('error'); 74 res.locals.user = req.user || null; 75 next(); 76}); 77 78 79 80app.use('/', routes); 81app.use('/users', users); 82 83// Set Port 84app.set('port', (process.env.PORT || 3000)); 85 86app.listen(app.get('port'), function(){ 87 console.log('Server started on port '+app.get('port')); 88});
###試したこと
dirは
login file にapp.jsとviews file があり、views file の中にindex.handlebars(html)とplayer.jpgがあります。
index.handlebarsでplayer.jpgを表示させたいのですがエラー404が出てしまいます。
###index.handlebars
<h2 class="page-header">Open pack</h2> <p>Regular pack</p> <div class="contents"> <img src="/player.jpg" alt="pack"> </div>よろしくお願いいたします
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/06 21:55
2017/03/07 00:38