Before reading this article, if you can watch it, you can also watch the video below
Front-end deployment of Alibaba Cloud server
Ok, let's talk about how to make the vue project accessible to all users after it is completed? In fact, this problem is also very simple. At that time, there must be a public network server so that everyone can access it, because our own computer is a private IP that can only be accessed by the LAN, which cannot achieve the purpose of allowing multiple people to access, so let’s take a look. .
The first step is to buy a server. The Alibaba Cloud server is recommended here, and you can try it for seven months.
Alibaba Cloud: https://ecs.console.aliyun.com/?spm=5176.12818093.ProductAndResource--ali--widget-product-recent.dre0.224b16d0STfq0H#/securityGroupDetail/region/cn-wulanchabu/groupId/sg-0jlam46g5pokgvf4m1g5 /rule/intranetIngress After purchasing the server, we can go to the console to manage our server
When you come to the server management page, you have to do a lot of operations. The first step is to go to the remote connection first, connect to our remote server, and operate it.
Install the pagoda panel in the server, and run the command directly:
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
Press Enter and the pagoda panel will be installed by itself. It takes a while, and the installation is complete when the following appears:
We can operate our server by entering the address of the external network panel in the browser
First go to the software store to download the mp2 management tool
Start after the installation is complete, then click Settings to add items:
Next:
Check your own port:
Finally, add your ip address and port to access your vue project from the external network. It runs successfully: