Nodejs http模塊返回內容中文亂碼問題及解決

Posted on by

Nodejs http模塊返回內容中文亂碼

當調用rs.end()方法，向客戶端發送中文內容的時候，會出現亂碼問題，此時，需要手動設置內容的編碼格式：

修改完後記得重新運行代碼

server.on('request', (req, res) => {
    const url = req.url
    const method = req.method
    const s = `請求的url是 ${url}, 請求方法是 ${method}`
    console.log(s)

    // 調用res.end()方法，向服務器響應一些內容
    res.setHeader("Content-Type", 'text/html; charset=utf-8')
    res.end(s)
})

可以看到返回的內容已經被修改成功

在這裡插入圖片描述

Nodejs 模塊使用 http、url

1.安裝插件

在vsCode中安裝插件Node Snippets後，有node提示

輸入node根據提示文本選擇node-http-server可以快速生成請求代碼

var http = require('http');
http.createServer(function (request, response) {
  response.writeHead(200, {'Content-Type': 'text/plain'});
  response.end('Hello World');
}).listen(8081);
 
console.log('Server running at http://127.0.0.1:8081/');

2.http和url模塊的應用

url的方法：http://nodejs.cn/api/url.html

url.parse(urlString[,,])  //解析url地址
url.format()//parse的反向操作
url.resolve(from,to);//添加或者替換地址
url.resolve('/one/two/three', 'four');         // '/one/two/four'
url.resolve('http://example.com/', '/one');    // 'http://example.com/one'
var http = require('http');//引入http模塊
const url = require('url')
 
//http://127.0.0.1:3000?name=zhangsan&age=20   獲取get傳過來的值
 
/**
 * request 獲取瀏覽器客戶端傳過來的信息
 * response服務器響應的信息
 */
http.createServer(function (request, response) {
    //設置響應頭，包括狀態碼200，請求的文本類型，字符集是utf-8
    response.writeHead(200, {'Content-Type': 'text/html;charset="utf-8"'});
    
    response.write("<head><meta charset='UTF-8'></head>")//解決中文亂碼
 
    // console.log(request.url);//獲得瀏覽器請求的地址
 
 
    if(request.url!='/favicon.ico'){
        //避免在瀏覽器地址欄輸入url後服務器不斷返回/favicon.ico地址
        var userInfo = url.parse(request.url,true).query;
        console.log(userInfo)
        console.log(`姓名：${userInfo.name}--年齡：${userInfo.age}`)
    }
 
    
    response.end('response finish!');//結束響應，必須調用，不然瀏覽器回一直處於響應狀態
}).listen(3000);
 
console.log('Server running at http://127.0.0.1:3000/');
//var api = 'http://127.0.0.1:3000?name=zhangsan&age=20'
// console.log(url.parse(api,true));//設置為ture，將返回的值解析為對象
// var getValue=url.parse(api,true).query;
// console.log(getValue);//獲得url傳過來的值
// console.log(`姓名：${getValue.name}--年齡：${getValue.age}`)

運行上面代碼後，在瀏覽器中手動輸入get請求

http://127.0.0.1:3000?name=zhangsan&age=20'

命令行中能返回

總結

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：