Quasar CLI与Vite + Django|Quasar SPA - Django

qlckcl4x  于 2023-03-31  发布在  Go
关注(0)|答案(1)|浏览(188)

如何将Quasar SPA应用与Django集成?

使用方法:

Quasar CLI with Vite

Django
预期Django服务 'Index.html' 和其他静态文件通过 'quasar build' 命令构建。
它位于 “application/dist”“application/dist/assets” 目录中。

qv7cva1a

qv7cva1a1#

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

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

这一个特定于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"),
]

相关问题