带有 Vite + Django 的 Quasar CLI |类星体 SPA - Django

Question

如何将 Quasar SPA 应用程序与 Django 集成？

使用：

带有 Vite 的 Quasar CLI

Django

预计 Django 服务 'Index.html' 和其他由 'quasar build' 命令构建的静态文件。

驻留在“application/dist”和“application/dist/assets”目录中。

Answer 1

这是给那些来这里寻找解决方案的人的答案。

================================================= ===============

这是一个特定于 Django 服务的“Index.html”和您的 Quasar 应用程序的静态文件。

---

为了集成您的 Quasar SPA 应用程序，您需要按如下方式配置您的 'quasar.config.js'。

build: {
  publicPath: "/<your-django-app>", // <-- e.g. https://your-domain.com/django-app/dist-dir
  distDir: "dist", // <-- depends on your setup, you can leave it to 
                   //     default, but then you have to configure your 
                   //     paths below according to this path.

  extendViteConf(viteConf) {
    viteConf.base = "/static/your-django-app/dist/";
    viteConf.build.polyfillModulePreload = true; // <-- suggested by *https://v2.vitejs.dev/config/#build-polyfillmodulepreload*
    viteConf.build.outDir = "dist"; //<-- default value
    viteConf.build.assetsDir = "assets"; // <-- default value
  }
}

Django 静态文件设置 'settings.py'

STATIC_URL = "/static/"
STATIC_ROOT = os.path.join(BASE_DIR, "static")
STATICFILES_DIRS = [
    os.path.join("static"),
    os.path.join("static/<your-django-app>/dist/assets"),
]