Chrome 工作区不使用虚拟主机实时刷新静态文件答案

【问题标题】：Chrome workspace not liverefreshing static files with virtualhostsChrome 工作区不使用虚拟主机实时刷新静态文件
【发布时间】：2020-11-26 15:01:07
【问题描述】：

我正在 chrome 工作区上使用已编译的静态 css 文件。

我正在使用 gulp-less 工作流进行从 less 到 css 的编译过程，并实时编辑 less 文件以通过开发工具在 chrome 工作区上获得预期的 css 输出。

一切正常，当我使用本地主机（即http://127.0.0.1/website/）访问网站时，我一直在开发工具上获取 css，但现在我需要设置虚拟主机以在同一本地主机服务器上运行多个网站。

在/opt/lampp/etc/extra/httpd-vhosts.conf 中添加了必填项

<VirtualHost *:80>
  ServerName          local.website.com
  DocumentRoot        /opt/lampp/htdocs/website/
</VirtualHost>

以及系统级别的etc/host条目以将ip映射到域。

127.0.0.1 local.website.com

移动到虚拟主机http://local.website.com/ 后，我无法从工作区获取刷新的文件。

设置工作区以通过虚拟主机获得更好的前端工作流程需要哪些配置？

任何帮助都会很棒。

【问题讨论】：

【解决方案1】：

问题是由于清除后重新生成相同的目录。

因此，从工作区中删除并在具有适当权限的工作区中重新添加新生成的文件后，工作正常。

【讨论】：