在本地查看 html 文件时，使用 SVG `use` 图标（外部参考）不会在 chrome 中显示图标

Question

我正在尝试使用此处描述的 SVG 图标https://css-tricks.com/svg-use-with-external-reference-take-2/

（这是它的外观）

<!-- EXTERNAL reference -->
<svg>
  <use xlink:href="sprite.svg#icon-1"></use>
</svg>

它对我没有任何问题，除非我在 Chrome 中本地打开 html 文件。

在开发工具中，它显示了这个错误：

不安全的尝试从带有 URL file:///D:/path/to/file/index.html 的框架加载 URL file:///D:/path/to/file/icon-defs.svg#icon-rocket。'file:' URL 被视为唯一的安全来源。

有什么办法可以解决吗？大多数时候我使用 Firefox，所以这对我来说不是一个大问题，但我正在构建其他用户使用的 html 格式的文档......

Answer 1

使用命令行选项启动 Chrome --disable-web-security

使用此标志运行时，请注意不要使用 Chrome 浏览网页。