如何配置Django urls.py，实现Angular 5启用哈希并构建至静态文件夹

没问题，我来帮你搞定这个麻烦的手动复制问题！要实现直接访问静态文件夹里的Angular构建产物（带哈希的那种），只需要调整Angular的构建配置和Django的路由规则就行，一步步来：

1. 让Angular直接构建到Django的静态目录 #

首先修改Angular项目里的angular.json，把构建输出路径指向Django的静态文件夹。假设你的Django项目结构是这样的：

your_project/
├── django_app/
├── static/       # Django的静态目录
└── angular_frontend/  # 你的Angular项目

那就在angular.json的architect.build.options里修改outputPath：

"outputPath": "../static/angular"

这样每次运行ng build --prod（启用哈希构建的生产命令），Angular就会把带哈希的JS/CSS和最新的index.html直接输出到Django的static/angular/目录下，不用再手动复制了！

2. 配置Django路由返回静态里的index.html #

Django默认不会直接从静态目录返回HTML文件，所以我们需要写一个简单的视图来读取并返回这个index.html，同时处理Angular单页应用的路由问题（刷新非根路径时不会404）。

在你的Django项目主urls.py里做以下修改：

from django.http import HttpResponse
from django.conf import settings
import os
from django.urls import path, re_path

# 自定义视图返回Angular的index.html
def serve_angular_index(request):
    # 根据开发/生产环境选择正确的文件路径
    if settings.DEBUG:
        # 开发环境下，静态文件可能在STATICFILES_DIRS里
        index_file_path = os.path.join(settings.STATICFILES_DIRS[0], 'angular', 'index.html')
    else:
        # 生产环境下，静态文件都收集到STATIC_ROOT里
        index_file_path = os.path.join(settings.STATIC_ROOT, 'angular', 'index.html')
    
    with open(index_file_path, 'r', encoding='utf-8') as f:
        return HttpResponse(f.read())

urlpatterns = [
    # 先放你的API路由，比如：
    # path('api/', include('your_api_app.urls')),
    
    # 根路径返回Angular主页
    path('', serve_angular_index),
    # 捕获所有其他路径，交给Angular路由处理（解决刷新404问题）
    re_path(r'^.*$', serve_angular_index),
]

3. 调整Angular的base href（重要！） #

构建Angular时，要确保base href设置正确，这样Angular才能找到带哈希的静态资源。运行构建命令时加上--base-href参数：

ng build --prod --base-href /

这个参数会让Angular从根路径加载资源，和Django的路由配置匹配。

最后验证一下 #

1. 运行ng build --prod，检查Django的static/angular/目录下是否生成了带哈希的JS/CSS文件和最新的index.html
2. 启动Django服务，访问根路径，应该能正常加载Angular应用
3. 随便刷新一个Angular路由（比如/dashboard），不会出现404，说明路由配置生效了

这样你就彻底摆脱手动复制HTML的繁琐步骤，同时启用了Angular的哈希构建功能，完美解决缓存问题！

内容的提问来源于stack exchange，提问作者Gurkenkönig