初次使用Nginx部署项目(待更新)

第一步:Nginx介绍

  • 概念: 一个高性能的Web服务器和反向代理服务器;

  • 问世:由俄罗斯人lgor Sysoev采用C语言开发编写于2004年10月4日发布第一个版本;

  • 特点:占内存少,并发处理能力强,以高性能、底系统资源消耗而闻名,Nginx官方测试为5万并发请求。与Nginx的并发处理能力在同类型Web服务器中表现极好(Apache);

  • 官网下载版本:分为Linux版(tar.gz)和Windows版(zip),前者用于线上互联网Linux系统上部署项目,后者用于个人的windows本机测试部署项目使用。

在这里插入图片描述
在这里插入图片描述

第二部:本地Windows使用Nginx部署Vue静态项目

  • 在官网下载nginx.zip压缩文件,本地解压后,打开路径下文件

在这里插入图片描述
*修改nginx.conf文件
*双击启动nginx,若再次修改配置文件,则需要重新加载配置文件,执行命令:或直接通过任务管理器关闭在开启。在这里插入图片描述
*serve中的配置不可少!

在这里插入图片描述

*这是我的路由配置文件,除了nginx设置,vue项目并未有任何添加和修改!
在这里插入图片描述

    server {
        listen       81;
        server_name  localhost;

		location / {
                      root   D:\HengKang\vue-element\dist2;
                      try_files $uri $uri/ @router;
                      index index.html index.html;
        }

         # 路由配置信息 (去掉报500)
           location @router {
             rewrite ^.*$ /index.html last;
           }
		

    }

第三步:阿里云 CentOS 7.6 64 位操作系统~部署Vue前端项目

步骤一:

  • 在官网下载的Nginx的Linux版本(后缀tar.gz的压缩包);
  • 通过xhell软件,连接服务器;
  • 创建soft文件夹,使用 yum install lrzsz (一个可支持在Linux上传Windows系统的压缩包) ,然后执行rz -y 命令出现上传窗口,最后将所需的nginx.tar.gz压缩包上传到soft文件夹中;
  • 执行命令:tar-zxvf nginx-1.20.1.tar.gz 将压缩包解压至当前目录;

在这里插入图片描述

步骤二:

  • 将打包好的项目,上传到nginx的html目录下 (我使用的是FileZilla软件上传的)
  • 安装前的准备:Nginx的安装需要Linux安装几个库,否则出现配置和编译错误,执行命令:yum install gcc openssl openssl-devel pcre pcre-devel zlib zlib-devel -y 一次性安装gcc、openssl、pcre、zlib四个库的依赖安装。因为Nginx是基于C语言编写的,正式安装之前必须保证已经四个库的依赖。
  • 正式安装nginx:执行命令指定安装路径 .
    /configure --prefix=/usr/local/nginx
    其次执行编译:make
    最后执行命令安装:make install (到这一步nginx就可以直接通过命令启动,看到成功看到nginx的页面)

在这里插入图片描述
在这里插入图片描述

  • 进入vi nginx.conf,配置和Windows配置相同,只要修改此处的项目路径,然后esc + :wq 保存并退出(注意键盘处于英文状态下)

在这里插入图片描述

  • 执行:/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf 命令启动nginx服务器;

写在最后:

  • 初次使用,建议先本地Windows系统下,先将配置文件中按上图配置,然后启动,可以访问通了,在去下Linux版的nginx丢服务器上部署。

后续:卸载nginx(依赖库未删除)

  • 查找nginx文件:find / -name nginx*
  • 执行删除文件命令: rm -rf file 文件名
  • ctrl + L 清空当前Linux面板信息;

在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用nginx部署项目的步骤如下: 1. 首先,你需要安装nginx服务器。你可以参考引用提供的链接来进行安装。 2. 安装完成后,将你的项目文件夹(比如dist文件夹)上传到nginx的html目录下,一般路径为/usr/local/nginx/html。可以参考引用中的指令将dist文件夹上传到指定路径。 3. 启动nginx服务器。可以使用以下命令来启动nginxnginx。 4. 在浏览器中访问你的项目。如果你的nginx配置了默认端口80,那么可以直接通过服务器地址访问你的项目,例如http://localhost/。如果你有多个项目并且使用相同的端口,可以通过在nginx配置文件中使用location来区分项目。可以参考引用中的说明。 5. 如果你有多个项目,你可以根据需要在nginx的配置文件中做相应的修改。比如,你可以在/usr/local/nginx/conf/nginx.conf文件中添加新的location节点,并使用alias指定新的项目路径。具体的操作可以参考引用中的示例。 请注意,以上步骤是一种常见的使用nginx部署项目的方法,具体的步骤可能会因为实际情况而有所不同。建议在进行部署前先了解你的项目和服务器的配置,并根据需要进行相应的调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [nginx部署项目](https://blog.csdn.net/ziyexiuxiu/article/details/125226110)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值