快捷導(dǎo)航

node命令行服務(wù)器(http-server)和跨域的實(shí)現(xiàn)

更新時間：2023年02月13日 10:04:23 作者：江南Code

本文主要介紹了node命令行服務(wù)器(http-server)和跨域的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

http-server是一個簡單的命令行http服務(wù)器，基于nodejs,下載地址：https://nodejs.org/en/download/ 。下面介紹怎么安裝使用http-server（需要node環(huán)境，沒有環(huán)境的請先安裝好nodejs）。http-server官方地址:https://www.npmjs.com/package/http-server 。

1、安裝（全局安裝加 -g）
全局安裝：npm install http-server -g

2、使用(以windows環(huán)境為例)
cd到目標(biāo)文件夾（也就是需要啟動服務(wù)的文件夾），輸入http-serevr 回車，也可以shift+鼠標(biāo)右鍵打開Powershell窗口，輸入http-server。即在當(dāng)前文件夾開啟了一個http服務(wù)器。
默認(rèn)的服務(wù)器地址為：localhost:8080、127.0.0.1:8080

3、設(shè)置http-server允許跨域請求
跨域是瀏覽器的一種安全策略（同源策略）導(dǎo)致的。所謂同源策略是指：請求的url地址,必須與瀏覽器上的url地址處于同域上。同一個域（同源）是指協(xié)議、域名、端口都相同，如果其中一個不同就是不同的域，就會出現(xiàn)跨域。解決跨域的方式有3種：①、jsonp、②、服務(wù)端添加跨域頭（Access-Control-Allow-Origin）③、設(shè)置代理服務(wù)器。下表列出了幾種跨域的情況。

使用http-server，解決跨域的方法是在啟動http-server時，加上 --cors 跨域頭: http-serrver --cors

添加了跨域頭，如下：

沒有配置跨域，請求失?。?/p>

4、http-server參數(shù)說明
開啟一個端口為8888的http服務(wù)器，設(shè)置允許跨域訪問和自動打開: http-server --cors -p 8888 -o

-p 端口號 (默認(rèn) 8080)
-a IP 地址 (默認(rèn) 0.0.0.0)
-d 顯示目錄列表 (默認(rèn) 'True')
-i 顯示 autoIndex (默認(rèn) 'True')
-e or --ext 如果沒有提供默認(rèn)的文件擴(kuò)展名(默認(rèn) 'html')
-s or --silent 禁止日志信息輸出
--cors 啟用 CORS via the Access-Control-Allow-Origin header
-o 在開始服務(wù)后打開瀏覽器
-c 為 cache-control max-age header 設(shè)置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to '3600'). 禁用 caching, 則使用 -c-1.
-U 或 --utc 使用UTC time 格式化log消息
-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com
-S or --ssl 啟用 https
-C or --cert ssl cert 文件路徑 (default: cert.pem)
-K or --key Path to ssl key file (default: key.pem).
-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')

到此這篇關(guān)于node命令行服務(wù)器(http-server)和跨域的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)node命令行服務(wù)器和跨域內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: