Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)

****通过wget http://nginx.org/download/nginx-1.13.7.tar.gz下载nginx,部署项目会遇到巨坑

1、首先安装nginx

//创建一个文件夹
cd /usr/local
mkdir nginx
cd nginx
//下载tar包
wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -xvf nginx-1.13.7.tar.g

//进入nginx目录
cd /usr/local/nginx

//执行命令,
./configure
Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
//执行make命令
make

//执行make install命令
make install

2、配置nginx(建议使用远程工具,进行编辑文件,方便许多,想要工具的可以私聊我,免费提供)

Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
将端口号改成8089,因为可能apeache占用80端口,apeache端口尽量不要修改,我们选择修改nginx端口。

localhost修改为你服务器ip地址。Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)

3、启动nginx

Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
查看nginx进程是否启动:(切记一点,通过wget下载nginx的,nginx真正处理请求的 是 这个 nobody的用户,先记住,后面会继续提到)

ps -ef | grep nginx
Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)

到这里,服务器上面nginx是启动啦。

4、浏览器访问

Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
有两个地方需要再修改一下

1、防火墙添加端口

1.1、firewall-cmd --zone=public --add-port=5005/tcp --permanent (–permanent永久生效,没有此参数重启后失效)

1.2、重新载入,添加端口后重新载入才能起作用

firewall-cmd --reload

1.3、查看端口

firewall-cmd --zone=public --query-port=8089/tcp

1.4查看所有打开的端口:

firewall-cmd --zone=public --list-ports

2、阿里云的安全组8089端口号必须打开,不然一直无法访问nginx(这个是非常非常重要,切记)

Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
通过上述两步操作以后,可以正确访问到nginx,看到nginx的欢迎页面。

5、开始上传项目到服务器,部署项目

5.1、npm run build 打包项目,打包所得的dist文件夹,通过远程工具上传到服务器,我这里是根据老师视频。把dist文件放到根目录root下面,这里会遇到很大的问题。
通过浏览器去访问,会一直访问不到,即使nginx.conf文件配置是正确的,你也访问不了项目。

5.2、解决办法有2点:
1、指定root用户来处理nginxCentos安装nginx部署vue商城系统总结(小马哥vue学习教程)
2、打包好的dist文件不要放到root目录下面就行
Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)
通过上述操作即可正确访问到项目Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)

注意事项:

1、如果是通过yum源下载的nginx,应该不会出现这么多问题,我是因为yum源没有配置导致下载不下来,所以使用wget方式下载。

2、或者可以直接使用宝塔,直接傻瓜式操作,非常简单方便。