如何使用spring boot和reactjs从服务器检索图像

Question

我使用 spring boot 作为后端，reactjs 作为前端。我将图像和视频存储在服务器上。然后将其检索到前端。使用 localhost 时，它可以正常工作。但是在我在 ubuntu 服务器上部署此应用程序后，我无法预览图像。（但图像保存过程成功）。在 ubuntu 中，我的 spring boot jar 文件位于 /root/main/test。但是上传的图像保存在根文件夹（/upload/image.jpg）之外。所以我不能把它作为完整的 url 检索。例如 mydomain.com/upload/image.jpg 不起作用。如何使用 react js 获取此图像

Answer 1

您可以配置 spring boot 以提供静态内容：

spring.resources.static-locations=file:/upload

或使用代码：

@Configuration
@EnableWebMvc
public class MvcConfig implements WebMvcConfigurer {
  @Override
  public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry
      .addResourceHandler("/upload/**")
      .addResourceLocations("file:/upload/");
 }
...