centos7或centos8下 Nginx安装&vue 配置nginx 反向代理

  • Post author:
  • Post category:vue


1、安装依赖和相关库:

yum -y install gcc-c++ zlib-devel openssl-devel libtool

2、下载nginx安装包并解压:

进入指定目录

cd /usr/local

输入下载命令

 wget http://nginx.org/download/nginx-1.17.6.tar.gz  

(这里注意 如果你是centos8版本 就下载 nginx-1.17.6.tar.gz 版本 ,

centos7版本 就下载 nginx-1.14.0.tar.gz 版本 不然在第3步中会报错 )

查看下载好有哪些文件

发现 红色的tar.gz 压缩包

在这里插入图片描述

解压

tar -zxvf nginx-1.17.6.tar.gz

输入 ll 命令再次查看有哪些文件 ( 发现 nginx 解压成功)



删除多余的 nginx-1.17.6.tar.gz 压缩包

rm -rf nginx-1.17.6.tar.gz

3、配置和安装

进入 nginx-1.17.6 目录

 cd  nginx-1.17.6

输入以下命令

配置

./configure --prefix=/usr/local/nginx

安装

make && make install

回到上级目录 local中

查看文件

在这里插入图片描述

删除 ndinx-1.17.6 安装包

留下nginx 文件

rm -rf nginx-1.17.6

进入 nginx 目录

cd nginx

里面有以下目录文件夹

在这里插入图片描述

4、启动nginx:

进入sbin

cd sbin

查看 文件

在这里插入图片描述

直接启动 nginx

./nginx

如果发现启动时 80端口被占用,那就查看端口使用情况,然后kill 占用80端口的进程

netstat -tanlp 查看运行的进程  
kill 进程号    杀进程

5、查看nginx:

ps -ef | grep nginx

在这里插入图片描述

浏览器输入 服务器的ip 发现如下页面 表示nginx 启动成功

如果时本地 就 输入 localhost:80

在这里插入图片描述

6、停止和重启nginx:

./nginx -s reload   #重启
./nginx -s stop #关闭

7、vue 配置nginx 反向代理

返回 nginx目录 查看目录文件

发现有conf文件夹

在这里插入图片描述

进入 conf

在这里插入图片描述

输入

vim nginx.conf

配置 nginx

在这里插入图片描述

你的vue dist包放在哪里,root 后面就填对应路径

(刚开始我放在 /root/huang/server/)结果出错了

然后我就把文件移到/home/server/下

 location / {
            root   /home/server/dist;    
                   #vue dist 路径 看自己放在哪儿就填什么
                   #之前放在root/huang/ 发现不行 就改成了/home 
            index index.html index.htm;
            try_files $uri $uri/ /index.html;
         }

返回sbin目录

重启nginx

在这里插入图片描述

此时输入服务器ip

就进入到自己的项目登录页

在这里插入图片描述



版权声明:本文为qq_45914437原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。