我无法使图像网址加载到本地主机上请帮助

Question

我正在制作一个销售水果的演示网站，我正在按照 youtube 教程（带有 mosh 的代码）正确加载他的图像，但我的图像不会添加其他内容，例如添加到购物车按钮和正确加载的产品名称。我已经添加了一个网址，即
(https://upload.wikimedia.org/wikipedia/commons/7/7b/Orange-Whole-%26-Split.jpg)

admin.py

from django.contrib import admin
from .models import Product, Offer


class OfferAdmin(admin.ModelAdmin):
    list_display = ('code', 'discount')


class ProductAdmin(admin.ModelAdmin):
    list_display = ('name', 'price', 'stock')


admin.site.register(Product, ProductAdmin)
admin.site.register(Offer, OfferAdmin)

apps.py

from django.apps import AppConfig


class ProductsConfig(AppConfig):
    name = 'products' 

models.py

from django.db import models

class Product(models.Model):
    name = models.CharField(max_length=255)
    price = models.FloatField()
    stock = models.IntegerField()
    image_url = models.CharField(max_length=2083)


class Offer(models.Model):
    code = models.CharField(max_length=10)
    description = models.CharField(max_length=255)
    discount = models.FloatField()

urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('new', views.new)
]

views.py

from django.http import HttpResponse
from django.shortcuts import render
from .models import Product


def index(request):
    products = Product.objects.all()
    return render(request, 'index.html',
                  {'products': products})


def new(request):
    return HttpResponse('New products')

index.py

{% extends 'base.html' %}

{% block content %}
<h1>Products</h1>
<div class="row">
    {% for product in products %}
        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="{{ image_url }}" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{ product.name }}</h5>
                    <p class="card-text">{{ product.price }}₹</p>
                    <a href="#" class="btn btn-primary">Add to cart</a>
                </div>
            </div>
        </div>
    {% endfor %}
</div>
{% endblock %}

我的第一个 django 项目和 images_url dosent 加载任何东西，一切正常，但图像无法加载。

Answer 1

改变

<img src="{{ image_url }}" alt="...">

到

<img src="{{ product.image_url }}" alt="...">