私は何がここで間違っているのか分かりません。express.jsは私のイメージを提供していません
ディレクトリ構造:
app/server.js
app/public/index.html
app/public/js/main.js
app/public/img/car.png
server.js
var fs = require('fs') ,express = require('express'),
app = express.createServer();
app.use(express.static(__dirname + "/public"));
app.get('/', function(req, res){
fs.readFile(__dirname + '/public/index.html', 'utf8', function(err, text){
res.send(text);
});
});
app.listen(8080, function(){
console.log('Server listening on %d', app.address().port);
});
main.js
var marker = new google.maps.Marker({
map:map,
position:coords,
icon: 'img/car.png'
});
ERROROUTPUT:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/img/car.png
すべてのcssファイルとjsファイルが問題なく読み込まれます。 私は何が間違っていますか?
UPDATE これは私が名前が本当に学んだ レッスンをcar.pngた考えにだまされたウィンドウで閲覧した場合、fileextensionsは見えなかったcar.png.png 命名されたファイルが原因でした!この
app.use('/public', express.static(__dirname + "/public"));
を/img/car.pngローカルでこれをテストしていますか? StackOverflowの同様の質問を一見すると、いくつかのクラウドプロバイダーが混乱している可能性があります。http://stackoverflow.com/questions/7506797/static-image-file-is-invisible-in-node-js-express –
はい、同じ結果を持つローカルとノードテストでテストされました。 –
@DavidEllis:異なる症状があります(404ではありません)。 –