Chrome 工作区无法使用虚拟主机实时刷新静态文件

Question

我正在 chrome 工作区中处理编译后的静态 css 文件。

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

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

在 /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/，我无法从工作区获取刷新的文件。

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

任何帮助都会很棒。

Answer 1

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

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

Chrome workspace not liverefreshing static files with virtualhosts