快捷導(dǎo)航

node.js解決客戶(hù)端請(qǐng)求數(shù)據(jù)里面中文亂碼的事件方法

更新時(shí)間：2021年12月31日 10:28:59 作者：勇敢*牛牛

本文主要介紹了node.js解決客戶(hù)端請(qǐng)求數(shù)據(jù)里面中文亂碼的事件方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

node.js解決客戶(hù)端請(qǐng)求數(shù)據(jù)里面中文亂碼的事件

例如代碼：

var http = require('http');
var server = http.createServer();
server.on('request',function(req,res){
    // res.end("hello world");
    res.end("你好 世界");
});
server.listen(3000,function(){
    console.log("Server is running");
});

在這里插入圖片描述

原因：

在服務(wù)端默認(rèn)發(fā)送的數(shù)據(jù)，其實(shí)是UFT8編碼內(nèi)容

但是瀏覽器不知道你是UFT8編碼內(nèi)容

瀏覽器在不知道服務(wù)器響應(yīng)內(nèi)容的編碼情況下會(huì)按照當(dāng)前操作系統(tǒng)的默認(rèn)編碼去執(zhí)行

中文操作系統(tǒng)默認(rèn)是GBK

解決方法：正確是告訴瀏覽器我給你發(fā)送的是什么類(lèi)型的數(shù)據(jù)res.setHeader('Content-Type','text/plain;charset=utf-8');內(nèi)容類(lèi)型，注意連接符不要寫(xiě)錯(cuò)，utf-8也不要亂寫(xiě)。在http協(xié)議中，content-Type就是用來(lái)告知對(duì)方我給你發(fā)送的數(shù)據(jù)內(nèi)容是什么類(lèi)型，然后后面就是緊跟著寫(xiě)上類(lèi)型

var http = require('http');
var server = http.createServer();
server.on('request',function(req,res){
    // res.end("hello world");
    res.setHeader('Content-Type','text/plain;charset=utf-8');
    res.end("你好 世界");
});
server.listen(3000,function(){
    console.log("Server is running");
});

在這里插入圖片描述
注意這里的類(lèi)型有很多種

響應(yīng)內(nèi)容類(lèi)型Content-Type

var http = require('http');
var server = http.createServer();
server.on('request',function(req,res){
    if(req.url==='/plain'){
        res.setHeader('Content-Type','text/plain;charset=utf-8');
        res.end("你好 世界");
    }else if(req.url==='/html'){
        res.setHeader('Content-Type','text/html;charset=utf-8');
        res.end("<h1>你好 世界<br/> hello world</h1>");
    }
   
});
server.listen(3000,function(){
    console.log("Server is running");
});

根據(jù)不同請(qǐng)求路徑返回不同的類(lèi)型Content-Type格式

在這里插入圖片描述

到此這篇關(guān)于node.js解決客戶(hù)端請(qǐng)求數(shù)據(jù)里面中文亂碼的事件方法的文章就介紹到這了,更多相關(guān)node 客戶(hù)端請(qǐng)求數(shù)據(jù)亂碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

nodejs超出最大的調(diào)用棧錯(cuò)誤問(wèn)題
這篇文章主要介紹了nodejs超出最大的調(diào)用棧錯(cuò)誤問(wèn)題,需要的朋友可以參考下
2017-12-12
npm錯(cuò)誤errno?-4048解決辦法
這篇文章主要給大家介紹了關(guān)于npm錯(cuò)誤errno?-4048解決的相關(guān)資料,這個(gè)錯(cuò)誤代碼通常表示文件系統(tǒng)錯(cuò)誤或者硬件故障引起的問(wèn)題,文中通過(guò)圖文將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下
2023-07-07
node.js操作mongodb學(xué)習(xí)小結(jié)
這篇文章主要介紹了node.js操作mongodb學(xué)習(xí)小結(jié),本文給出了mongodb創(chuàng)建數(shù)據(jù)庫(kù)、插入數(shù)據(jù)以及連接mongodb數(shù)據(jù)庫(kù)并查詢(xún)數(shù)據(jù)等代碼實(shí)例,需要的朋友可以參考下
2015-04-04
使用nvm安裝node?v12.22.12時(shí)遇到的問(wèn)題解決
本文介紹了使用nvm安裝node?v12.22.12時(shí)遇到的問(wèn)題解決,解決了上手動(dòng)下載和安裝npm以解決版本不匹配的問(wèn)題,具有一定的參考價(jià)值,感興趣的可以了解一下
2024-12-12
npm發(fā)包實(shí)踐使用gRPC教程
這篇文章主要為大家介紹了npm發(fā)包實(shí)踐使用gRPC教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
windows下安裝nodejs及框架express
express是一個(gè)開(kāi)源的node.js框架，初學(xué)者使用express可以快速的搭建一個(gè)Web項(xiàng)目，express中已經(jīng)集成了Web的http服務(wù)器創(chuàng)建、請(qǐng)求和文件管理以及Session的處理等功能，所以express是非常適合初學(xué)者的入門(mén)學(xué)習(xí)，這篇文章通過(guò)兩種方式介紹windows下安裝nodejs及框架express
2015-08-08
Node.js中Express框架的使用教程詳解
這篇文章主要為大家詳細(xì)介紹了Node.js中的開(kāi)發(fā)框架Express，利用Express框架可以快速的進(jìn)行Web后端開(kāi)發(fā)，感興趣的小伙伴可以了解一下
2022-04-04
node.js基于socket.io快速實(shí)現(xiàn)一個(gè)實(shí)時(shí)通訊應(yīng)用
這篇文章主要介紹了node.js基于socket.io快速實(shí)現(xiàn)一個(gè)實(shí)時(shí)通訊應(yīng)用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
Nodejs讀取文件時(shí)相對(duì)路徑的正確寫(xiě)法(使用fs模塊)
本篇文章主要介紹了linux 環(huán)境 mysql寫(xiě)入中文報(bào)錯(cuò)的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
深入剖析Express cookie-parser中間件實(shí)現(xiàn)示例
本篇文章主要介紹了深入剖析Express cookie-parser中間件實(shí)現(xiàn)示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02