ruby-on-rails - 尝试显示图像时，出现错误 “404 not found”

Question

我使用 Rails Api 5.1.6 作为后端。作为客户端，我使用 Angular 4。所有数据都存储在 Oracle 数据库中。数据库中的图像以“Blob”格式存储。我还使用回形针 gem 在 Rails Api 上处理图像。

因此，当我尝试在客户端上显示图像时，出现错误“404 not found”。这是控制台中的错误:

GET http://localhost:4200/photos/original/missing.png 404 (Not Found)

我也试过点击这个链接:

http://localhost:3000/photos/original/missing.png

但是出现这样的错误(如果你需要，我可以在这里添加一个完整的错误):

"#ActionController::RoutingError: No route matches [GET] "/photos/original/missing.png""

JSON:

[
{
l_users_id: 65,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1357,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1358,
photo: "/photos/original/missing.png"
},
{
l_users_id: 51,
photo: "/photos/original/missing.png"
},
{
l_users_id: 2,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1360,
photo: "/photos/original/missing.png"
},
{
l_users_id: 0,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1372,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1371,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1370,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1373,
photo: "/photos/original/missing.png"
}
]

照片 Controller .rb:

class PhotosController < ApplicationController

    def index
        @photos = Photo.all

    array = @photos.map do |photo|
        photo_push = {
            l_users_id:      photo.l_users_id,
            photo:           photo.photo.url
        }

        photo_push
    end

    render json: array
  end

    def show
        @photo = Photo.find(params[:id])
        photo_hash = {
            l_users_id:      photo.l_users_id,
            photo:           photo.photo.url
        }

        render json: photo_hash
    end

end

照片.rb:

class Photo < ActiveRecord::Base
  self.primary_key = "l_users_id"

  has_attached_file :photo

  validates_attachment_presence :photo
  validates_attachment_content_type :photo, :content_type => ['image/jpeg', 'image/png']

end

Answer 1

src="http://localhost:8080/images/missing.png"

将其移动到 public/images 文件夹