如何为网络上的其他计算机提供vue项目

Question

I am very new to vue.js.

I have made a couple of small projects and I would like to be sure I understand how I actually serve a vue project to other users at this point.

Of course, I know I can type 'npm run serve' in my project directory and it will serve it to localhost:80XX. That is what I've been doing since I started working with vue a couple days ago. However, when I do this the network line under the 'local: localhost:8080' just reads 'network: unavailable', so I am obviously not broadcasting on anything another computer can connect to and receive from.

How does this basically work? Do I have to build it with npm run build and then use firebase or something similar to broadcast the contents of my dist folder out to the user? Searching online produced some pretty confusing results, I ended up with more questions than answers.

I basically would just like to show my coworkers what I have made with vue, what is the way to do this without taking a shortcut? I would like to do this in a way that I will be able to understand in the future how to do this with a fully fledged project.

Thank you!

edit: if there is a tutorial or a link that discusses this directly, please feel free to refer me to it! I was unable to find this being discussed at the level I'm at.

Answer 1

According to the documentation , the default HOST that Vue binds to, is 0.0.0.0 , which means that anyone in your network can see your server.

What you can do is find your network ip address, and share with others.

To do so, you can do, in Windows:

1. Open your terminal
2. Type:

ipconfig 

3. Grab the IPv4 address of your network
4. Share the link with your colleagues in the form: http://<IP_ADDRESS>:8080

This way, they can connect to your running develop instance.