http-server和serve使用


前端使用http-server啟本地服務

```
簡介:
    http-server是一個簡單的零配置命令行http服務器。 它足夠強大,足以用於生產用途,
    但它既簡單又易於破解,可用於測試,本地開發和學習
應用場景:
    1、局域網訪問靜態頁面
    訪問本地計算機中的文件都是基於file協議,如果要開放我們的本地文件給局域網人員訪問,是不能使用file協議。
    得用http協議或者ftp協議。而基於http協議的http-server就是一個不錯的選擇
        
    2、處理頁面跨域
    當頁面含有跨域的請求,此時可以利用http-server,使用命令
    //-p 本地運行端口  -P 將所有無法在本地解析的請求代理到給定的URL進行處理
    http-server -p 8080 -P https://google.com
        
```

1.安裝node.js

```
安裝地址: https://nodejs.org/zh-cn/
在命令行輸入命令node -v以及npm -v檢查版本,確認是否安裝成功。
```

2.安裝http-server

```
全局安裝
npm install http-server -g
如果在安裝過程中,發現安裝太慢,可以先配置淘寶鏡像,再進行安裝。配置鏡像的命令如下
npm config set registry https://registry.npm.taobao.org
配置后可通過下面方式來驗證是否成功
npm config get registry
```

3.使用http-server 開啟服務

```
    進入目標文件夾,輸入hs或者http-server命令(hs 簡寫) 推薦使用如下命令
    http-server -c-1
    只輸入http-server的話,更新了代碼后,頁面不會同步更新。

    http-server [path] [options]
    path就是你當前運行該命令下對應的某個文件夾名稱
    可用選項 options
    如: hs -g -o

    -p或--port要使用的端口(默認為8080)
    -a 要使用的地址(默認為0.0.0.0)
    -d顯示目錄列表(默認為true)
    -i顯示自動索引 默認true
    -g或者--gzip當啟用(默認為false)時,它將./public/some-file.js.gz代替./public/some-file.js當文件的gzip壓縮版本存在且請求接受gzip編碼時。
    -e 或者 --ext	如果沒有提供默認文件擴展名(默認為html)
    -s 或者 --silent	禁止控制台日志信息輸出
    –cors	允許跨域資源共享
    -o 啟動服務器后打開瀏覽器窗口
    -c	設置緩存cache-control max-age heade存留時間(以秒為單位),示例:-c10是10秒,默認是3600秒,如果要禁用緩存就使用-c-1
    -U 或者 --utc	使用 UTC格式,在控制台輸出時間信息
    -P或者將--proxy 所有無法在本地解析的請求代理到給定的URL。例如:-P http://someurl.com
    -S或--ssl 啟用https。
    -C或--cert   ssl證書文件的路徑, cert文件的路徑(默認值:) cert.pem。
    -K或--key  ssl密鑰文件的路徑(默認值:) key.pem。
    -r或--robots 提供/robots.txt(其內容默認為User-agent: *\nDisallow: /)
    -h或--help  顯示幫助
```
官網:
https://github.com/http-party/http-server

使用 serve 包本地啟動

命令:
全局安裝:  npm install -g serve 或者 yarn global add serve
開啟服務(會以單頁模式開啟): serve -s dist  或者在 dist 目錄下  serve -s

serve --help  查看各個命名
serve -s      單頁模式(vue history 模式)
serve -C      允許跨域資源共享
        ...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM