使用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文件夾是在桌面上。
- 切換到指定文件夾:
cd Desktop/test
- 啓動http服務:
http-server
四、在瀏覽器中打開網址:http://127.0.0.1:8080
大功告成,如果對你有幫助,請點個贊再走吧~ 麼麼噠😘