SVG外链跨域与SVG Image跨域常见问题解答
SVG外链跨域是什么？
SVG外链跨域通常发生在将SVG文件外链到页面中时，由于安全因素浏览器会限制该文件加载其他域的资源。这种限制类似于XHR的限制，跨域的请求会被浏览器拦截。
如何解决SVG外链跨域问题？
有两种常见的解决方式：
- 使用同源Policy文件（known as Cross-Origin Resource Sharing,CORS）。
- 使用XMLHttpRequest发起跨域请求，将SVG作为Ajax Response返回，这种方式需要服务端也支持。
SVG Image跨域是什么？
SVG Image跨域通常是由于将SVG作为图片嵌入HTML页面时，由于安全原因浏览器限制试图从不同域请求图片资源的操作。
如何解决SVG Image跨域问题？
SVG Image跨域解决方法有下面几种：
- 让静态资源（图片）回到自己的服务器下。
- 通过设置 CORS 控制来允许 不同域名之间的通信。
- Jsonp方式加载 SVG 图片。
使用SVG外链跨域或SVG Image跨域是否有助于SEO？
没有直接关系。在这里的关系就是 SEO 注入一些外链来推广一个网站，SVG 跨域就涉及外链这个问题。
如果只是在页面中引用外面的 SVG 文件，是不会有帮助的。
SVG外链跨域是否对网站性能会造成影响？
如果过分频繁地加载外链SVG 或 图片，就会影响网站性能。使用Webpack在本地或使用 CDN 只在项目开始时加载需要的图片是不错的选择。
有什么需要特别注意的吗？
在应用默认的模块加载器的过程中，使用 require() 引入 SVG 文件是有问题的，不过可以使用 SVG 文件直接作为 URL 数据嵌入到图片标签内。
