Django单页网站开发中POST方法无法正常工作问题

你当前的问题集中在路由配置错误、POST请求配套配置缺失两点，单页站点的视图逻辑不需要特殊适配，按以下步骤修改即可：

1. 修复路由配置 #

你当前的urls.py存在3个明显错误：

• 未将站点根路径/绑定到home视图，仅配置了/home路径可访问首页。如果直接访问域名根地址，请求根本不会进入home视图逻辑，POST请求自然无法触发
• 已经编写了blog视图函数，但未添加对应路由，访问博客页会直接返回404
• 错误将admin后台路由放在应用路由文件中，admin路由应当配置在项目根目录的路由文件里

修正后的应用目录（portfolio文件夹下）urls.py代码 #

from django.urls import path
from portfolio import views

urlpatterns = [
    # 根路径绑定首页视图
    path('', views.home, name='home'),
    # 博客页独立路由
    path('blog/', views.blog, name='blog'),
]

项目根目录（和settings.py同层级文件夹下）urls.py配置 #

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    # 引入portfolio应用的路由规则
    path('', include('portfolio.urls')),
]

2. 修复POST请求不触发问题 #

路由配置完成后如果POST请求仍无法进入视图逻辑，依次排查以下配置：

• 检查HTML表单是否添加了{% csrf_token %}标签：Django默认开启CSRF防护，缺少该标签的POST请求会被403拦截，根本到达不了视图层的POST判断逻辑
• 检查表单的method属性是否明确写为method="POST"：表单默认提交方式为GET，不指定method属性不会发送POST请求
• 检查表单的action属性是否正确：提交到首页可写为action="{% url 'home' %}"，也可以直接留空action=""，不要写不存在的路径

修正后的views.py代码 #

你当前代码重复导入了HttpResponse且没有实际使用，可直接删除冗余导入，建议POST逻辑处理完成后加重定向，避免页面刷新重复提交表单：

from django.shortcuts import render, redirect
from django.urls import reverse

def home(request):
    if request.method == "POST":
        # 此处编写表单处理逻辑，比如保存留言、发送邮件等
        print("首页POST请求已触发，收到表单数据：", request.POST)
        # 处理完成后重定向回首页，避免刷新重复提交
        return redirect(reverse('home'))
    return render(request, 'index.html')

def blog(request):
    # 博客页如果有评论等表单提交需求可保留POST逻辑，没有可直接删除
    if request.method == "POST":
        print("博客页POST请求已触发")
        return redirect(reverse('blog'))
    return render(request, 'blog-single.html')

3. 单页滚动与独立博客页适配逻辑 #

• 首页锚点滚动完全不需要后端参与：菜单项的href写为#对应区块id，页面内给对应区块加上匹配的id属性，点击菜单即可自动滚动到对应位置，不需要为每个区块单独编写路由和视图
  菜单示例：

  <a href="#about">关于我</a>
  <a href="#projects">项目作品</a>
  <a href="#contact">联系我</a>
  <a href="{% url 'blog' %}">博客</a>
  

  页面对应区块示例：

  <section id="about">关于我区块内容</section>
  <section id="projects">项目作品区块内容</section>
  <section id="contact">联系表单区块</section>
  

• 独立布局的博客页只需要按前面的配置加好路由，和单页首页的逻辑互不冲突，访问/blog/地址即可进入独立博客页

表单正确写法参考 #

<form method="POST" action="{% url 'home' %}">
    {% csrf_token %}
    <input type="text" name="username" placeholder="请输入你的名字">
    <textarea name="message" placeholder="请输入留言内容"></textarea>
    <button type="submit">提交</button>
</form>

内容的提问来源于stack exchange，提问作者Rafsan Jahin