Let's Learn The Integration of Quasar With Laravel
Neha Soni , 20 June, 2019
Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern and based on Symfony.
The Quasar Framework is a node.js based collection of tools for developing and publishing a website; for building and optimising a progressive web-app; a way to make native apps for Linux, MacOS and Windows with Electron; and even a system for creating mobile apps for Android and iOS with Cordova
Sometimes it becomes quite complex to use Quasar app with Laravel. Developers face a lot of issues to serve quasar application from laravel app, because of laravel and quasar both are served independently at different port ( By default - Laravel port : 8000 and Quasar port : 8080), that’s why it prevents requests being made from one origin to another.
In this blog we are trying to explain step by step process to serve Quasar app using Laravel app.
Before integrating quasar project with laravel, you need to make sure that you have installed vue-cli & quasar-cli globally.
Following commands will do this for you -
$ npm install -g @vue/cli
$ npm install -g @quasar-cli
For more information on vue-cli and quasar-cli, visit: quasar doc
Project Setup :
Before moving forward, firstly let us understand ‘How to integrate quasar app with laravel’. If you have already done, then you can skip these three steps.