使用node啓動http-server,開啓HTTP服務(mac版)

使用node啓動http-server,開啓HTTP服務

當我們想直接在瀏覽器打開我們的HTML文件時,會發生以下這種錯誤
在這裏插入圖片描述
報錯信息:Access to script at 'file:///Users/mac/Desktop/test/modules/index.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. GET file:///Users/mac/Desktop/test/modules/index.js net::ERR_FAILED

這段報錯說的是沒有origin是null,因爲這不是http請求,所以根本沒有origin字段。這說明我們的瀏覽器還不支持file形式,那就使用http形式的好了,需要開啓http服務。

一、先看下電腦裏是否有node

在終端輸入node -v, 查看node版本號檢測是否安裝了node,一般裝過node後就捆綁安裝好了npm
在這裏插入圖片描述

二、開始使用npm安裝http-server(核心步驟

在終端輸入sudo npm install http-server -g,回車,輸入你自己的電腦密碼
然後就開始安裝了
在這裏插入圖片描述
這樣就安裝好了。

三、開啓http服務

切換到你想啓動http服務的文件夾下,我的是在桌面上的test文件夾中,這是我的文件夾結構,這個test文件夾是在桌面上。
在這裏插入圖片描述

  1. 切換到指定文件夾:cd Desktop/test
  2. 啓動http服務:http-server
    在這裏插入圖片描述

四、在瀏覽器中打開網址:http://127.0.0.1:8080

在這裏插入圖片描述

大功告成,如果對你有幫助,請點個贊再走吧~ 麼麼噠😘

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章