centos部署prometheus centos部署vue项目

一、需求背景

        部署vue项目到服务器CentOS，这样自己的项目就能在公网访问了。是不是很有意义。

二、步骤：

2.1、阿里云、华为云、腾讯云申请自己的域名。

2.2、进行域名解析。

域名控制台 (aliyun.com)

云解析 DNS (aliyun.com)

2.3、安装node、vue、pm2

2.4、安装nginx

2.4.1、添加Nginx存储库

添加CentOS EPEL仓库，请打开终端并使用以下命令：

sudo yum install epel-release

2.4.2、安装Nginx

现在Nginx存储库已经安装在您的服务器上，使用以下yum命令安装Nginx ：

sudo yum install nginx

 2.4.3、启动Nginx

sudo systemctl start nginx

 寻找文件位置-如nginx---> whereis nginx

 2.5、上传文件 或 文件夹 到服务器

2.5.1、vue项目打包 生成 dist文件

2.5.2、上传dist到服务器目标目录

推荐使用filezilla

2.6、配置nginx

whersis nginx找到nginx目录

找到nginx.conf文件

nginx.conf同级目录vi nginx进入编辑文件：

 2.7、阿里云配置端口，我这里用的80端口，配置80端口即可，否则启动nginx后出现如下页面

 配置：

 

 配置好之后，打开浏览器，输入网址，就在公网打开自己的项目了。

2.8、过程记录、问题处理：

2.8.1

2.8.2、查看服务器信息：

[root@iZbp10a6gd2v249jhk5i0hZ ~]# lsb_release -a
LSB Version:    :core-4.1-amd64:core-4.1-noarch
Distributor ID: CentOS
Description:    CentOS Linux release 8.4.2105
Release:        8.4.2105
Codename:       n/a
[root@iZbp10a6gd2v249jhk5i0hZ ~]#

2.8.3、ping域名、ip

ping id地址可以ping通，

ping 域名XXX.vip没有通

加上www就通了，www.XXX.vip

 2.8.4、查看当前目录pwd：

2.8.5、检查、启动、重启、停止

检查：nginx -t
启动：nginx
重启：nginx -s reload
停止：nginx -s stop