本文介绍了如何在Mac上通过node.js的http-server模块快速启动本地HTTP服务，解决直接打开HTML文件导致的浏览器不支持file形式的问题。详细步骤包括检查node环境、使用npm安装http-server、在指定文件夹启动服务，以及在浏览器中访问localhost确认服务运行成功。
使用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
大功告成，如果对你有帮助，请点个赞再走吧~ 么么哒?
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
