當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

nodejs--http模块

發布時間：2025/3/21 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 nodejs--http模块小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

http模塊主要用于創建http server服務,其中封裝了高效的http服務器和http客戶端
http.server是一個基于事件的HTTP服務器，內部是由c++實現的，接口由JavaScript封裝
http.request是一個HTTP客戶端工具。用戶向服務器發送數據。

支持更多特性
不緩沖請求和響應
處理流相關

一、簡單應用

http.createServer([requestListener])

返回：返回一個http server實例
參數：requestListener 請求處理函數
- req 請求對象，想知道req有哪些屬性，可以查看 “http.request 屬性整合”。
- res 響應對象，收到請求后要做出的響應。想知道res有哪些屬性，可以查看 “ http.ServerResponse類屬性整合”。

server.listen([port[, host[, backlog]]][, callback])

監聽端口
如果host省略，則你默認localhost或者0.0.0.0

// 1.引入http模塊 var http = require('http');// 2.創建http server實例,創建http服務 /*req獲取url信息（request）res 瀏覽器返回響應信息（response）* */ var server = http.createServer((req,res) => {//設置 HTTP 頭部，狀態碼是 200，文件類型是 html，字符集是 utf-8res.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"});res.write('<h1>Node.js</h1>');/*如果沒有res.end()，服務器會一直等待，運轉到一定的時間，頁面會返回一個錯誤。提示服務器運行時間超長。*/res.end('Hello World\\n'); }) server.listen(3000)；//監聽端口號是3000的服務器 console.log('Server running at http://localhost:3000/')//or 加上host // server.listen(3000,'127.0.0.1') // console.log('Server running at http://127.0.0.1:3000/')

在瀏覽器訪問 http://localhost:3000/ or http://0.0.0.0:3000/
可以看到頁面上：

查看請求：
可以看到node命令行：

二、解決跨域

寫了一個html頁面來請求一下我們的web服務器

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <body> <div onclick="getText()">btn</div> <div class="text"></div> <script>function getText(){$(".text").load("http://127.0.0.1:3000/");} </script> </body> </html>

點擊按鈕報跨域錯誤

解決方式：在服務器的響應頭文件里加上如下代碼：

var server = http.createServer((req,res) => {res.setHeader('Access-Control-Allow-Origin',"*")res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");res.writeHead(200, {'Content-type' : 'text/html'});res.write('<h1>Node.js</h1>');res.end('Hello World\\n');console.log('res'); })

再次重啟服務器，運行index.html

總結

以上是生活随笔為你收集整理的nodejs--http模块的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：阻止浏览器自动填充input密码框
下一篇： vue中引入swiper