如何使用 Django 为 Flutter Web 应用程序提供服务？
Posted
技术标签:
【中文标题】如何使用 Django 为 Flutter Web 应用程序提供服务？【英文标题】：How to serve a Flutter web app with Django? 【发布时间】：2020-08-18 07:53:03 【问题描述】：在使用
构建了一个 Flutter Web 应用之后flutter build web
我想使用简单的 Django 服务器为应用程序提供服务。 我该怎么做？
【问题讨论】：
dev.to/amartyadev/… 【参考方案1】：运行命令后，将build\web目录从flutter项目复制到你的django项目中。假设你把它放在根目录并重命名为flutter_web_app。
所以我们有，
djangoproject
| djangoproject
| settings.py
| urls.py
| ...
| flutter_web_app
| ...
| other apps
现在编辑flutter_web_app/index.html 中的base 标记，为应用程序提供前缀。请注意，前缀/基础应以 / 开头和结尾。
<head>
...
<base href="/flutter_web_app/">
...
</head>
现在，在您的 djangoproject/urls.py 中，匹配前缀并为您的 Flutter 应用程序提供服务。
from django.urls import path
from django.views.static import serve
import os
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
FLUTTER_WEB_APP = os.path.join(BASE_DIR, 'flutter_web_app')
def flutter_redirect(request, resource):
return serve(request, resource, FLUTTER_WEB_APP)
urlpatterns = [
...
path('flutter_web_app/', lambda r: flutter_redirect(r, 'index.html')),
path('flutter_web_app/<path:resource>', flutter_redirect),
]
在本地运行，url 127.0.0.1/flutter_web_app 将服务于我们的flutter_web_app/index.html。
flutter应用所需的所有文件都以flutter_web_app为前缀。例如。使用 GET 请求 main.dart.js 到 flutter_web_app/main.dart.js。我们将前缀后的路径提取为resource，并从flutter_web_app目录提供相应的文件（flutter_redirect函数）。
【讨论】：
以上是关于如何使用 Django 为 Flutter Web 应用程序提供服务？的主要内容，如果未能解决你的问题，请参考以下文章
通过 Flutter App 和 JSON Web Token 在 Django 中验证用户
Flutter Web 和 Django 直接从 URL 路由
如何将“Flutter for Web”转换为“Flutter for Mobile”？