svg - xlink:href 在 Firefox 中不起作用

Question

我正在使用 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 中不工作。

然后我添加$locationProvider.html5Mode({enabled: true, requireBase: false});并.config完全删除基础，svg 正在显示，现在的问题是它不会在没有基础的情况下调用我的 api。

Answer 1

使用直接 svg 即路径不是

<use xlink:href=""></use>