Показать сообщение отдельно
  #1 (permalink)  
Старый 09.06.2018, 15:26
Интересующийся
Отправить личное сообщение для vdekameron Посмотреть профиль Найти все сообщения от vdekameron
 
Регистрация: 26.05.2018
Сообщений: 16

Node не открывает картинку
Добрый день. Продолжаю изучать Node. По запросу пользователя http://localhost:3000/index.html?secret=o_O хочу выдавать ему простейшую страницу html состоящую из заголовка и картинки. Но через node страница загружается без картинки(((. А если просто эту страницу открываю в браузере то все норм.
Подскажите, пожалуйста, что я делаю не так?
var http = require('http');
var url = require('url');
var path = require('path');
var fs = require('fs');
 
var ROOT = __dirname + "\\deep";
 
var server = http.createServer();
 
server.on('request', function(req, res) {
    if (!checkAccess(req)) {
        res.statusCode = 403;
        res.end("Tell me the secret to access!");
        return;
    };
 
    var filePath = path.normalize(path.join(ROOT, url.parse(req.url).pathname));
    
    fs.readFile(filePath, function(err, content) {
        if (err) throw err;
 
        var mime = require('mime').getType(filePath);
        res.setHeader('Content-Type', 'text/html; charset=utf-8');
        res.end(content);
    });
 
}).listen(3000);
 
function checkAccess(req) {
    return url.parse(req.url, true).query.secret == 'o_O';
};


Вот страница которую пользователь пытается загрузить.

Код:
<!DOCTYPE html>
<html>
<head>
    <title>My page</title>
 
    <!-- meta tags -->
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <!-- style links -->
    <link rel="shortcut icon" href="" type="image/x-icon">
    <link rel="stylesheet" href="">
 
    <!-- script link -->
    <script src="" type="text/javascript"></script>
 
    <!-- [if lt IE 9] >
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif] -->
</head>
<body>
    <h1>Hi this is my first page!</h1>
    <img src="ball.png" alt="ball">
    <!-- Live reload -->
    <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')
    </script>
</body>
</html>
Ответить с цитированием