Angular2:在PathLocationStrategy下重新加载页面后不显示svg

Angular2是一种流行的前端开发框架，用于构建现代化的Web应用程序。它提供了一种模块化的方式来组织和管理应用程序的各个部分，包括前端界面、业务逻辑和数据交互等。

在Angular2中，PathLocationStrategy是一种路由策略，用于处理URL的导航和页面重载。当使用PathLocationStrategy时，重新加载页面后可能会导致SVG图像不显示的问题。

这个问题通常是由于相对路径引用SVG图像而导致的。当重新加载页面时，相对路径可能会发生变化，导致浏览器无法正确加载SVG图像。为了解决这个问题，可以采取以下几种方法：

1. 使用绝对路径引用SVG图像：使用绝对路径来引用SVG图像，确保在重新加载页面后仍然能够正确加载。例如，可以使用完整的URL来引用SVG图像，如<img src="http://example.com/path/to/image.svg">。
2. 使用基于根路径的相对路径引用SVG图像：使用基于根路径的相对路径来引用SVG图像，以确保在重新加载页面后仍然能够正确加载。可以使用Angular的APP_BASE_HREF提供的根路径来构建相对路径。例如，可以使用<img src="{{appBaseHref}}path/to/image.svg">来引用SVG图像，其中appBaseHref是根路径。
3. 将SVG图像转换为Base64编码：将SVG图像转换为Base64编码，并将其嵌入到HTML中作为数据URL。这样可以避免使用相对路径引用SVG图像，确保在重新加载页面后仍然能够正确显示。可以使用在线工具或命令行工具将SVG图像转换为Base64编码。

需要注意的是，以上方法只是解决SVG图像不显示的一种可能的解决方案。具体的解决方法可能因应用程序的具体情况而有所不同。在实际开发中，可以根据具体需求选择合适的方法来解决该问题。

关于Angular2的更多信息，可以参考腾讯云的Angular2产品介绍页面：Angular2产品介绍。