前端调试，本地服务器推荐

需求

前端开发的时候，有时候需要服务器部署前端页面、打包后的代码调试。

例如：

• 1、开发的小程序用的简单页面，需要微信打开真机查看下效果，这时候本机部署一个本地服务器，然后手机连接电脑的共享网络，就可以访问部署好的页面或资源了。
• 2、开发的项目需要模拟真实服务器交互。Mock数据、加载图片资源、视频资源等
• 3、前端工程化项目，打包后的生产代码，可以本地部署查看下优化效果、webpack设置效果。Vue项目中的路由是否异步加载、js和css是否有压缩、打印和警告是否去除干净了、过大的js文件是否拆分了…
• 4、发布生产前，用PageSpeed或者LightHouse等工具检测下项目有哪些地方是需要优化的。

适用领域

• 1、本文方法仅供Mac使用
• 2、仅供前端开发人员本地调试优化使用

方法

1、Apache

Mac自带Apache使用

2、Nginx

Mac使用nginx