Setup Vue.js + Laravel in Live Server

Laravel

Zipping the folder

Zip the "backend" folder. That's all 🤨

Vue.js

Packaging the Vue.js project

Vue.js project can be packaged so that it can be easily deployed in the live server. Run the command below to produce a packaged version of the Vue.js project.

npm run build

Then, a folder named "dist" will be created at the root directory.

Zipping the package folder

Zip the "dist" folder.

Live Server

Upload and extract the .zip files

Upload and extract "backend.zip" and "dist.zip" files into the live server.

Move files

Move all files from backend/public/ to the root directory of the server.

Move all files from dist/ to the root directory of the server

The root directory should be looking like this at the end.

Edit files

Open "index.php" file and change all occurrences of "/../" to "/backend"

Then,