javascript – Chrome說“資源解釋為樣式表,但使用MIME類型text / html傳輸”

印度阿三17 2019-09-01

展開全文

我正在嘗試使用node.js(no express)和socket.io建立一個簡單的聊天.問題是Chrome卡在html文件中的外部包含上,導(dǎo)致這些文件永遠(yuǎn)不會被包含在內(nèi).我包括一個ccs文件和三個javascript文件.正如在Stackoverflow上對其他相關(guān)問題的回答中所建議的那樣,我通過要求mime模塊并使用mime.lookup(url)來檢查我的文檔的MIME類型,其中顯示了’text / html’.我特意將返回標(biāo)題設(shè)置為’Content-Type’：’text / html’,甚至將其設(shè)置為’text / css’和’text / javascript’無效.截至目前,我不知道下一步該嘗試什么.請幫忙！

chat.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./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);
    });
});

這是我第一次在這里發(fā)帖,所以請告訴我是否還有其他內(nèi)容可以幫助我?guī)椭鉀Q這個問題.

解決方法:

您在初始化期間根據(jù)您可能發(fā)送的一個文件設(shè)置mimeType,而不是根據(jù)您實際發(fā)送的文件進(jìn)行設(shè)置.這將導(dǎo)致您可能發(fā)送的任何非HTML文件(例如CSS或JS文件)帶有誤導(dǎo)性的Content-Type標(biāo)頭.您需要在請求處理程序中進(jìn)行檢查.

來源：https://www./content-1-432851.html