CentOS部署vue项目

一、需求背景

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

二、步骤：

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

域名注册-工商财税-知识产权-资质备案-智能设计-网站建设-万网-阿里云旗下品牌 (aliyun.com)

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

 如何在CentOS 7上安装Nginx_oldguncm的专栏-CSDN博客_centos 安装nginx

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

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

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

ssh 上传文件以及文件夹到linux服务器 - 金振宗 - 博客园 (cnblogs.com)

推荐使用filezilla

2.6、配置nginx

whersis nginx找到nginx目录

找到nginx.conf文件

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

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

 配置：

云服务器管理控制台 (aliyun.com)

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

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

2.8.1

(23条消息) 【解决】无法将“XXX”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次_weixin_41362657的博客-CSDN博客

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

三、参考文献

nginx部署多前端项目的几种方法_nginx_脚本之家 (jb51.net)

Linux安装nginx并启动_u010312671的专栏-CSDN博客

解决Nginx启动报nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use) - 小朋友不说话 - 博客园

nginx启动提示nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)_yufeng_lai的博客-CSDN博客-亲测-有效

使用nginx部署前端项目到服务器 - 程序员大本营 (pianshen.com)

nginx启动提示nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)_yufeng_lai的博客-CSDN博客

(26条消息) 【阿里云ECS服务器】配置安全组，允许访问80端口_Mirage-CSDN博客

四、欢迎交流指正，留言必回！