Svg xlink:href在firefox中不工作

我使用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>

var baseDom=document.createElement（'base'）；
var headDom=document.querySelector（'head'）；
setAttribute（'href'，'/'）；
if（document.querySelector（'base'）==null）
{
头域。附加子域（基域）；
}

svg在firefox中不工作

---

然后我添加

$locationProvider.html5Mode（{enabled:true，requireBase:false}）在
.config
中，并完全删除基本，svg正在显示，现在的问题是，如果没有基本，它将无法调用我的api。
使用直接svg，即路径而不是

您的实际代码中是否有
标记，因为xlink:href在Firefox中可以工作。问题中的代码应该说明这个问题。这不是。xlink:href没有指向任何东西。@RobertLongson问题编辑：）基本标记的值在href前面（应该是这样的）。如果要使用
标记，请使用绝对URI。Chrome/Safari应该这样做，但不能这样做。