本地启服务的几种方法

以下方法仅在 Mac 环境中测试正常使用，其他环境未知

一、Node 方法1 http-server

官方文档

1. 通过npm来全局安装

 sudo cnpm install http-server -g

2. 通过 cd 进入启服务的文件夹下执行以下命令

http-server

[accordion title=可选的参数选项]-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编码。 如果还启用了brotli，它将首先尝试服务brotli。
-b 或 --brotli 启用后（默认为 false ），它将 ./public/some-file.js.br 代替 ./public/some-file.js 存在文件的brotli压缩版本并且请求接受 br 编码的时间。 如果还启用了gzip，它将首先尝试提供brotli。
-e 或 --ext 默认文件扩展名（如果未提供）（默认为 html ）
-s 或 --silent 抑制输出中的日志消息
--cors 通过 Access-Control-Allow-Origin 标题 启用CORS
-o [path] 启动服务器后，打开浏览器窗口。 （可选）提供要打开的URL路径。 例如：-o / other / dir /
-c 设置缓存控制最大寿命标头的缓存时间（以秒为单位），例如 -c10 10秒钟（默认为 3600 ）。 要禁用缓存，请使用 -c-1 。
-U 或 --utc 在日志消息中使用UTC时间格式。
--log-ip 启用客户端IP地址的日志记录（默认值：） false 。
-P 或 --proxy 代理所有无法在本地解析为给定URL的请求。 例如：-P http://someurl.com
--username 基本身份验证的用户名[无]
--password 基本身份验证密码[无]
-S 或 --ssl 启用https。
-C 或 --cert ssl证书文件的路径（默认值：） cert.pem 。
-K 或 --key ssl密钥文件的路径（默认值：） key.pem 。
-r 或 --robots 提供/robots.txt（其内容默认为 User-agent: * Disallow: / ）
--no-dotfiles 不显示点文件
-h 或 --help 打印此列表并退出。
-v 或 --version 打印版本并退出。
[/accordion]

二、node 方法 2

纯自定义，可以增加逻辑、修改样式

具体步骤参考文章 node启本地服务器,支持远程访问本地文件

三、Mac 自带的 Apache 服务器

1. 运行 Apache sudo apachectl start
2. 退出 Apache sudo apachectl stop
3. 重启 Apache sudo apachectl restart
4. 把工程文件夹放到以下位置中 /Library/WebServer/Documents
5. 在浏览器中访问：在地址栏中输入地址 http://localhost/工程文件夹名称/ 或者 http://127.0.0.1/工程文件夹名称/，回车。

注意： 不再需要使用后一定要记得退出，否则会消耗电脑性能。

Q：如何修改 Apache 的默认端口？
A：首先，找到 Apache 的配置文件，位于 /etc/apache2 下的 httpd.conf。
然后，找到 Listen 80 那一行，修改成你想要的端口即可。

[success]前往文件夹位置快捷方式：

1. 打开Finder，前往 (快捷键 command + shift + G) ，
2. 输入路径文件夹路径，例如： /资源库/WebServer[/success]

四、借助 Mac 系统自带的 Python，使用其中的 SimpleHTTPServer 模块

1. 安装 Python，其实 Mac 系统就自带了 Python2.7。
2. 通过 cd <your-working-dir> 进入到你的工作目录下，也就是你要让别人访问的文件所在的目录。
3. 在工作目录下执行下面的命令后，就可以启动服务了：

# 如果你的 Python 版本是 3.X
python3 -m http.server

# 如果你的 Python 版本是 2.X
python -m SimpleHTTPServer

4. 默认情况下，上面的操作将会在本地 Web 服务器上的端口 8000 上运行工作目录中的内容。您可以通过在浏览器中输入 URL http://localhost:8000 并回车，来访问此服务器。你会看到列出的目录的内容，点击就可以查看你想运行的 HTML 文件。

Q：如何修改服务器的默认端口？
A：可以通过运行下面的命令来指定一个端口号：

# 如果你的 Python 版本是 3.X
python -m http.server <your-port> 

# 如果你的 Python 版本是 2.X
python -m SimpleHTTPServer <your-port>

参考

1. Mac下启动Apache服务，运行php文件
2. Mac开启本地服务
3. 如何在 Mac 上配置一个本地 Web 服务器
4. Mac OS原来自带了apache，基本用法总结
5. http-server的安装和使用