Run Vue.js and Laravel on the same server (same port)

Question

I am developing a website using Laravel as backend and Vue.js 2 as frontend. Now everytime i want to run my website I have to use 2 command:

php artisan serve

This will run the laravel server on port 8000

npm run dev

This will run the vue.js server on port 8080

Can I just run them on the same server (same port), with just one command only??

Not unless you tightly couple your vue code into laravel and use a watcher to rebuild the code instead. If you're using Laravel as strictly an API, then this is not possible. — Ohgodwhy
– Ohgodwhy, Commented Jun 21, 2018 at 14:32
No, you need two different ports for each server. But why do you need to run server for vue.js if you are using it for Laravel app? — Nikola Kirincic
– Nikola Kirincic, Commented Jun 21, 2018 at 14:35

Lunfel · Accepted Answer · 2018-06-21 14:46:43Z

3

If you use the Laravel app with Vue.js included in it, you don't need to run npm run dev.

In your case, you seem to have a decoupled frontend and backend. In that case, you don't really have the choice to host 2 different ports or hostname.

You can use the same port if you use a different domain. For example, you can use mydomain.com for the frontend and use api.mydomain.com for the backend/api.

Assuming you have a webpack frontend project, you can do npm run build, which will compile all your files to static html files in the dist folder. You then only need to point your host configuration file to this folder.

answered Jun 21, 2018 at 14:46

Lunfel

2,71723 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nguyễn Hồng Phát Over a year ago

I got it. Thank you for your help!

Darius.V Over a year ago

what do you mean by included? I have vue app in same folder as laravel project but still runing 2 servers - npm run serve and nginx for laravel.

Lunfel Over a year ago

If I remember correctly, at the time of writting this, Laravel would serve assets through the same server than Laravel. The assets would still be built with laravel-mix (webpack wrapper) but served through Laravel using muliple Laravel blade pages that includes the built assets (not an SPA). I think this approach may have changed or other options might have opened up since in the laravel ecosystem. In your case if you are running two seperate servers, that means you have an SPA which was not offered in Laravel at the time.

Collectives™ on Stack Overflow

Run Vue.js and Laravel on the same server (same port)

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related