[For personal use] VUE project pagoda deployment goes online on Aliyun server CentOS7.6

1. Package the VUE project

1. Start packing

Run the command:

npm run build

insert image description here

2. Find the packaged dist folder

Remember where this dist file is placed, remember!
insert image description here



2. Install the pagoda panel on the server side

1. Enter the root user and execute the command

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

Install all yes, until the installation is successfully displayed
insert image description here

2. According to the "extranet panel address", access the pagoda panel in the client browser

Enter the username and password given by the server
(Please note! If it cannot be accessed, check whether the firewall of the server has opened the port, such as: 192.168.211.109:8888
If the port is not released, open the port on the cloud server control panel and enter the server to restart the firewall
insert image description here

3. Register a new pagoda account and log in to pagoda

insert image description here



3. Domain name resolution

1. Open the Alibaba Cloud domain name console

insert image description here

2. Enter domain name resolution

insert image description here

3. Set domain name resolution, add domain name prefix www, etc...

insert image description here



4. Pagoda setting server binding domain name

1. Add a domain name

Please note! There is no need to specify an additional port number when adding a domain name unless there are special requirements, the default is fine! !
Please note! There is no need to specify an additional port number when adding a domain name unless there are special requirements, the default is fine! !
Please note! There is no need to specify an additional port number when adding a domain name unless there are special requirements, the default is fine! !

Parameters such as the root directory also remain default and do not need to be modified.
insert image description here

2. Click "Root Directory"

insert image description here

3. Upload the dist package that has already been packaged (that is, the vue project that we packaged in the first step)

insert image description here

4. Fallback to "Website"

insert image description here

5. Click "Site Name"

insert image description here

6. Add a domain name with a prefix

insert image description here



5. Visit the xxx.top domain name (without the port number), success.

1. Success!

insert image description here

Guess you like

Origin blog.csdn.net/qq_43768851/article/details/128414247