Why donate
API Explorer
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Fetching Data
Opening Dev Server To Public
Quasar CLI with Vite - @quasar/app-vite v3
What is SPA

A Single-Page Application (SPA) is a website that updates the current page dynamically instead of requesting a new HTML document for every navigation. This provides fluid transitions between the application’s routes and can make it feel more like a desktop application.

After the initial document loads, the SPA fetches and displays resources as needed, usually in response to navigation or other user actions. Vue Router updates the URL through either its hash or HTML5 history mode, as configured by build.vueRouterMode in /quasar.config.

A SPA can communicate with APIs in the background without requiring a full-page reload. Direct requests to history-mode URLs still reach the web server first, so production hosting must fall back to index.html for application routes.