使用烧瓶将静态文件提供给角度

Question

我是 angular 和 flask 的初学者。我正在做一个小项目，它的前端是有角度的，它从烧瓶 API 中获取必要的数据。我可以使用代理将后端数据提供给角度应用程序，并且数据检索很好。但是当涉及到图像时，我无法做到。我已经在 localhost:5000 上运行的烧瓶上的“/静态”文件夹中正确配置了我的图像。我可以使用 URL 'http://localhost:5000/static/image/image_1.jpg' 检索图像。

我的 Angular 应用程序在 localhost:4200 上运行，它使用以下代理配置 proxy.config.json

{
    "/api": {
      "target": "http://localhost:5000",
      "secure": false
    },
    "/static": {
        "target": "http://localhost:5000",
        "secure": false
    }
    
}

使用“http://localhost:4200/api/food”检索数据很好，但对于图像“http://localhost:4200/static/images/image_1.jpg”不起作用。

希望有解决方案。提前致谢

Answer 1

您在 Angular 中使用的图像应存储在您的 Angular 应用程序的 assets 目录中。但如果这些图片是用户上传的，您可能需要设置一个文件服务器并使用您的 api 返回图片路径，并在 angular 中使用该路径。