使用 Vagrant 进行 HAML/SASS 开发时的图像显示/截断问题

Question

我正在对我在 Mac OSX(雪豹)上使用 Vagrant/VirtualBox VM 在本地运行的 Rails 应用程序进行 HAML/SASS 更改，每当我对任何引用的图像进行更改时，我都会遇到一个非常奇怪的问题HAML/SASS 文件。

以下是发生的情况的示例:

我在浏览器中打开了一个本地 Rails 应用页面，所有图像都正确显示

我重新调整图像大小(使用 Gimp)以使其更小并保存更改

我刷新页面以查看更改和 原始图像仍在显示，但底部切掉的比例与我将图像缩小的程度成正比

我从目录中删除图像文件并硬刷新页面以查看会发生什么。

有时原始截断图像仍然存在，有时它消失了，我只看到丢失的图像路径图标

我将图像文件移回目录中以尝试强制它选择重新调整大小

有时这是第一次起作用，有时我必须做 3 到 4 次才能看到正确大小的图像

有时，即使在我刷新页面并且看不到图像后，我也会看到旧的截断图像重新出现!

如果我对图像文件进行其他更改(例如，如果我使用相同的文件名保存全新的图像)，似乎会发生同样的问题。除了这个图像问题，对 HAML/SASS 文件的所有编辑都有效，我可以立即看到我的更改。

我认为这可能是某种浏览器渲染/缓存问题，但类似的问题发生在 Firefox 和 Chrome 中。如果我使用 Firebug，我有时会看到正确的文件正在被拾取，但它没有显示在页面本身中。

我只能认为这与Vagrant有关。唯一可以保证完全修复它的是重新启动 Vagrant 框，但这需要很长时间。

我意识到这可能不是一个简单的问题，因为它可能与我们的 Rails 应用程序和 Vagrant/VirtualBox 的配置有关，但我只是想我会在这里发布问题，以防其他人遇到类似问题。

谢谢!

Answer 1

您可能看到的是 VirtualBox 共享文件夹文件系统与 sendfile 一起存在的问题。系统调用。您需要禁用 sendfile如果您从 VirtualBox 共享文件夹提供文件，则在您的网络服务器上。这样做很容易:

在 Apache 中，将此添加到您的配置中:EnableSendfile off
在 Nginx 中，将此添加到您的配置中:sendfile off;