3

node.js (エクスプレスなし) と socket.io を使用して簡単なチャットを設定しようとしています。問題は、Chrome が html ファイルの外部インクルードで動かなくなり、それらのファイルがインクルードされないことです。ccs ファイルと 3 つの JavaScript ファイルを含めます。Stackoverflow に関する他の関連する質問への回答で示唆されているように、mime モジュールを要求し、mime.lookup(url)「text/html」と表示されている を使用して、ドキュメントの MIME タイプを確認しました。私は具体的に戻りヘッダーをに'Content-Type' : 'text/html'設定し、それを「text/css」および「text/javascript」として設定しても無駄でした。今のところ、次に何を試すべきかわかりません。助けてください！

チャット.html:

<!DOCTYPE html>
    <html>
        <head>
        <title>CHAT</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/style.css" /> <!-- First line that Chrome complains about -->
        <script type="text/javascript" src="/socket.io/socket.io.js"></script> <!-- Second line that Chrome complains about -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script type="text/javascript" src="chatClient.js"></script>
                    </head>
        <body>
        <h1>this shall be a chat</h1>
        </body>
    </html>

chatClient.js:

var socket = io.connect('http://localhost');

        var chatBox = document.createElement('div');

        chatBox.id = 'chatBox';

        socket.on('server', function (data) {
        console.log('Server says: ', data.message);

        socket.emit('client', { clientMessage : 'this is all I have to say, right now!' });
});

chatServer.js:

var app = require('http').createServer(handler),
io = require('socket.io').listen(app),
fs = require('fs'),
mime = require('mime');

var url = __dirname + '/chat.html';
var mimeType = mime.lookup(url);

console.log(mimeType);

app.listen(8080);

function handler (req, res) {
    fs.readFile(url, function (err, data) {
    if (err) {
        res.writeHead(500);
        return res.end('Error loading chat');
    }

    res.setHeader('Content-Type', mimeType); // Sets the header to 'text/html'
    res.writeHead(200);
    res.end(data);
    });
}

io.sockets.on('connection', function (socket) {
    console.log('CHAT ONLINE');
    socket.emit('server', { message: 'hello world' });

    socket.on('client', function (data) {
    console.log('Client says: ', data.clientMessage);
    });
});

ここに投稿するのはこれが初めてなので、この問題を解決するのに役立つ情報が他にもあれば教えてください。

4

2 に答える 2

4

mimeType初期化中に、実際に送信するファイルに基づいて設定するのではなく、送信する可能性のある1つのファイルに基づいて設定します。これにより、送信する可能性のあるHTML以外のファイル（CSSファイルやJSファイルなど）が誤解を招くようなContent-Typeヘッダーで送信されます。リクエストハンドラ内でチェックを行う必要があります。

于 2012-09-28T14:48:40.120 に答える
1

これは、socket.io および differents フォルダーの前に回答されています --- 解決策が見つかりました

connect または express フレームワークを使用することをお勧めします。あなたの仕事をより簡単にします。

于 2012-09-29T02:51:59.460 に答える