浏览器自动刷新

QMUI 带有基于 BrowserSync的浏览器自动刷新功能,同时支持本地服务器模式(server)和代理模式(proxy)。

本地服务器模式(server)适合静态页面的开发,也是默认的模式,代理模式(proxy)则适合本身有本地服务的动态页面的开发(如本地的 Node.js 服务,PHP 本地开发)。详细的配置可以通过调整 qmui.config.js 中对应的配置项,相关配置条目说明如下:

  • browserSyncMod BrowserSync 的运行模式,默认为 'server',即本地服务器模式,'proxy' 为代理模式,'close' 表示不开启本功能。
  • browserSyncPort自定义端口,默认为3030。请注意避免使用常用端口以及其他本地已占用的端口,包括在代理模式(proxy)下不能与代理对象使用相同的端口。
  • browserSyncShowLog 是否在显示 BrowserSync 的日志,默认为 false,即不显示日志。
  • browserSyncStartPath 开启 BrowserSync 后的默认打开的路径。
  • browserSyncHost 自定义开启 BrowserSync 后的默认 IP,可填写域名。为空则默认为 localhost。开启 BrowserSync 后,浏览器地址栏会自动打开 browserSyncHost + browserSyncStartPath 合并后的网址。
  • browserSyncWatchPath 要监控变动的文件目录,一旦该目录下文件产生变动则自动刷新浏览器。
  • browserSyncServerRoute 自定义路由,把项目中的目录结构定义成指定的路由,本地服务器模式(server)下方可产生作用。
  • browserSyncProxy 需要进行代理的代理地址,代理模式(proxy)下方可产生作用。