nodejs post 亂碼-前端問答-PHP中文網

nodejs post 亂碼

王林

發布： 2023-05-24 09:07:36

原創

584 人瀏覽過

在使用 Node.js 進行 HTTP POST 請求時，有時候會遇到中文參數傳遞後出現亂碼的情況。本文將分享一些常見的解決方法。

原因分析

當我們在 Node.js 中透過 HTTP POST 請求提交中文參數時，如果不進行編碼處理，那麼中文參數會以 UTF-8 編碼傳送到伺服器端。但有些情況下，伺服器端無法正確解析 UTF-8 編碼的中文參數，導致亂碼出現。這種情況通常有以下幾種原因：

伺服器端未正確設定編碼格式。如果伺服器端未正確設定編碼格式為 UTF-8，則無法正確解析從客戶端傳送過來的 UTF-8 編碼的中文參數，導致亂碼。
客戶端未正確設定請求頭。當我們透過Node.js 進行HTTP POST 請求時，需要設定請求頭中的Content-Type 欄位為application/x-www-form-urlencoded;charset=utf-8，以告訴伺服器端接收的請求參數為UTF- 8 編碼。
Node.js 模組未正確處理編碼。在 Node.js 中，有些模組並未預設設定編碼格式為 UTF-8，需要我們手動指定。如果在使用這些模組時未進行編碼處理，則會出現亂碼問題。

解決方法

方法一：設定伺服器端編碼格式為UTF-8

我們可以在伺服器端設定編碼格式為UTF-8，以正確解析從客戶端發送過來的UTF-8 編碼的中文參數。在Express 框架中，我們可以透過以下程式碼設定編碼格式為UTF-8：

const express = require('express')
const app = express()

app.use(express.urlencoded({ extended: false }))
app.use(express.json())
app.use(function(req, res, next) {
  res.header('Content-Type', 'text/html; charset=utf-8')
  next()
})

登入後複製

方法二：設定請求頭為UTF-8

我們可以在Node.js 中設定請求頭中的Content-Type 欄位為application/x-www-form-urlencoded;charset=utf-8，以告訴伺服器端接收的請求參數為UTF-8 編碼。在使用axios 庫進行HTTP POST 請求時，我們可以這樣設定請求頭：

const axios = require('axios')

axios.post('/api/posts', {
  title: '中文标题',
  content: '中文内容'
}, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
  }
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})

登入後複製

方法三：手動進行編碼處理

對於一些未設定預設編碼為UTF-8 的Node. js 模組，我們可以手動進行編碼處理，將中文參數轉換為UTF-8 編碼。在使用 querystring 模組進行編碼處理時，我們可以這樣使用：

const querystring = require('querystring')
const https = require('https')

const postData = querystring.stringify({
  title: '中文标题',
  content: '中文内容'
})

const options = {
  hostname: 'www.example.com',
  path: '/api/posts',
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    'Content-Length': Buffer.byteLength(postData)
  }
}

const req = https.request(options, res => {
  console.log(`statusCode: ${res.statusCode}`)

  res.on('data', d => {
    process.stdout.write(d)
  })
})

req.on('error', error => {
  console.error(error)
})

req.write(postData)
req.end()

登入後複製