快捷導(dǎo)航

Nodejs?http模塊返回內(nèi)容中文亂碼問(wèn)題及解決

更新時(shí)間：2022年12月03日 15:34:59 作者：Hydrion-Qlz

這篇文章主要介紹了Nodejs?http模塊返回內(nèi)容中文亂碼問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Nodejs http模塊返回內(nèi)容中文亂碼

當(dāng)調(diào)用rs.end()方法，向客戶端發(fā)送中文內(nèi)容的時(shí)候，會(huì)出現(xiàn)亂碼問(wèn)題，此時(shí)，需要手動(dòng)設(shè)置內(nèi)容的編碼格式：

修改完后記得重新運(yùn)行代碼

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

    // 調(diào)用res.end()方法，向服務(wù)器響應(yīng)一些內(nèi)容
    res.setHeader("Content-Type", 'text/html; charset=utf-8')
    res.end(s)
})

可以看到返回的內(nèi)容已經(jīng)被修改成功

在這里插入圖片描述

Nodejs 模塊使用 http、url

1.安裝插件

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

輸入node根據(jù)提示文本選擇node-http-server可以快速生成請(qǐng)求代碼

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模塊的應(yīng)用

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傳過(guò)來(lái)的值
 
/**
 * request 獲取瀏覽器客戶端傳過(guò)來(lái)的信息
 * response服務(wù)器響應(yīng)的信息
 */
http.createServer(function (request, response) {
    //設(shè)置響應(yīng)頭，包括狀態(tài)碼200，請(qǐng)求的文本類型，字符集是utf-8
    response.writeHead(200, {'Content-Type': 'text/html;charset="utf-8"'});
    
    response.write("<head><meta charset='UTF-8'></head>")//解決中文亂碼
 
    // console.log(request.url);//獲得瀏覽器請(qǐng)求的地址
 
 
    if(request.url!='/favicon.ico'){
        //避免在瀏覽器地址欄輸入url后服務(wù)器不斷返回/favicon.ico地址
        var userInfo = url.parse(request.url,true).query;
        console.log(userInfo)
        console.log(`姓名：${userInfo.name}--年齡：${userInfo.age}`)
    }
 
    
    response.end('response finish!');//結(jié)束響應(yīng)，必須調(diào)用，不然瀏覽器回一直處于響應(yīng)狀態(tài)
}).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));//設(shè)置為ture，將返回的值解析為對(duì)象
// var getValue=url.parse(api,true).query;
// console.log(getValue);//獲得url傳過(guò)來(lái)的值
// console.log(`姓名：${getValue.name}--年齡：${getValue.age}`)

運(yùn)行上面代碼后，在瀏覽器中手動(dòng)輸入get請(qǐng)求

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

命令行中能返回