从Server Blazor客户端加载图像

Question

我已经在Blazor客户端上进行了几天的测试，并且已经可以使用文件上传系统，但是当我尝试从客户端的"<img src="~/uploads/images/file1.jpg">" html标记中从服务器加载图像时，图像无法加载。服务器正在作为项目运行 https://localhost:5001 并且客户端以IISExpress模式运行 https://localhost:44306

我怀疑所发生的是映像正试图从客户端项目端口而不是服务器项目端口加载。我如何才能将所有图像请求路由到存储图像的服务器地址？

Answer 1

假设您的项目今天正在生产中，将它们托管在两个单独的站点上是否准确？ （例如，myblazorapp.com和api.myblazorapp.com）。如果是这样，那么相对路径只会将罐子踢倒。使用配置来存储图像目录的标准路径。

但是，如果您的服务器端代码是为此Blazor应用程序创建的，那么您可能选择了错误的hosting model。使用[4, 300]模型，您可以使用ASP.NET核心应用程序将Blazor应用程序服务器提供给客户端。这也意味着服务器的资源，API和静态文件都可以通过相对URL获得。