尝试查看产品详细信息页面时 Django 3 中的 URL 问题

Question

New to Django and im trying to simply get to my products detail page using the following code in my URLs.py:

urls.py:

from django.contrib import admin
from django.conf import settings
from django.conf.urls.static import static
from products import views
import carts
from carts.views import CartView
from django.urls import path


urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.home, name='home'),
    path('products/', views.all, name='products'),
    path('s/', views.search, name='search'),
    path('products/<slug:slug>', views.single, name='single_product'), <----This is the page I want to get to
    path('cart/', carts.views.CartView, name='cart'),
]
if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    

If its any help, this is the link I use in my template to get to the product display page <a href="{{ product.get_absolute_url }}" class="btn btn-primary">View</a>

And here is my view:

def single(request, slug):
    try:
        product = Product.objects.get(slug=slug)
        images = ProductImage.objects.filter(product=product)
        context = {'product': product, "images": images}
        template = 'products/single.html'
        return render(request, template, context)
    except:
        raise Http404

But when trying to access this page I get the following 404 Error:

Maybe a fresh pair of eyes can help me spot the mistake I'm making?

If any additional info is needed please let me know, I'll be happy to provide. Thanks a million in advance!

Answer 1

First try replacing:

    path('products/<slug:slug>', views.single, name='single_product'),

with

    path('products/<slug:slug>/', views.single, name='single_product'),

Django automatically appends a slash (/) to the end of urls by default and the image you showed us shows an url ending on a slash while your defined path does not contain one. I just tried to reproduce it, and this made it work.

And then if it still doesn't work, double check if you are using the correct slug to find your Product using the shell as you are raising a 404 whenever an exception occurs. You might even consider removing the try/except to check if it's actually raising a different exception.

Answer 2

Maybe the last slash ('/') is the problem, try the url without it: http://127.0.0.1/products/product-one