【发布时间】：2015-06-22 05:45:21
【问题描述】：
我正在使用 xlink:href 来显示 svg，它在 safari 和 chrome 中都可以使用。但不是在 Firefox 中，有什么想法吗？：
<div class="cart-badge">
<span class="icon">
<svg>
<use xlink:href="#shape-cart"></use>
</svg>
</span>
</div>
更新：
我在索引中设置了基数
<script type="text/javascript">
var baseDom = document.createElement('base');
var headDom = document.querySelector('head');
baseDom.setAttribute('href','/');
if(document.querySelector('base')===null)
{
headDom.appendChild(baseDom);
}
</script>
svg 在 Firefox 中不工作。
然后我在.config 中添加$locationProvider.html5Mode({enabled: true, requireBase: false}); 并完全删除基础，svg 正在显示，现在的问题是它不会在没有基础的情况下调用我的 api。
【问题讨论】：
-
您的实际代码中是否有
<base>标签，因为 xlink:href 在 Firefox 中确实有效。 -
问题中的代码应该能说明问题。这没有。 xlink:href 没有指向任何东西。
-
@RobertLongson 问题已编辑 :)
-
base 标记的值添加到 href 之前（应该如此）。如果要使用
<base>标记，请使用绝对 URI。 Chrome/Safari 应该这样做，但不要这样做。