nginx部署项目

于 2024-08-22 22:56:48 发布
阅读量684 收藏 4
点赞数 18
分类专栏： # 工具 文章标签： nginx 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45049746/article/details/141439754
版权

简介

Nginx入门指南

轻量级的 HTTP 服务器。

基本命令

nginx安装目录：使用whereis nginx查看安装路径

启动nginx：安装目录/sbin/nginx

停止nginx：安装目录/sbin/nginx -s stop

重启nginx：安装目录/sbin/nginx -s reload

查看nginx是否正在运行：netstat -anput | grep nginx

配置文件

配置文件路径：/usr/local/nginx/conf/nginx.conf

日志路径：/usr/local/nginx/logs/

配置文件介绍：

server {  
        # 当nginx接到请求后，会匹配其配置中的service模块
        # 匹配方法就是将请求携带的host和port去跟配置中的server_name和listen相匹配
        listen       8080;        
        server_name  localhost; # 定义当前虚拟主机（站点）匹配请求的主机名

        location / {
            root   html; # Nginx默认值
            # 设定Nginx服务器返回的文档名
            index  index.html index.htm; # 先找根目录下的index.html，如果没有再找index.htm
        }
}

server{ } 其实是包含在 http{ } 内部的。每一个 server{ } 是一个虚拟主机（站点）。

应用

动静分离

在这里插入图片描述

静态请求直接从 nginx 服务器所设定的根目录路径去取对应的资源，动态请求转发给后端去处理。不仅能给应用服务器减轻压力，将后台api接口服务化，还能将前后端代码分开并行开发和部署。

后端部署

  1. 修改配置文件，如端口、主机等；

  2. 执行 package 打包项目，在 target 目录下生成 jar 包，上传到服务器；

  3. jar 包目录下运行 ./start.sh 启动服务；

    启动脚本 start.sh：nohup java -jar xxx.jar --spring.profiles.active=prod &

    停止脚本 stop.sh：

   PID=$(ps -ef | grep eladmin-system-2.4.jar | grep -v grep | awk '{ print $2 }')
   if [ -z "$PID" ]
   then
   echo Application is already stopped
   else
   echo kill $PID
   kill $PID
   fi

新建 log 文件 nohup.out：touch nohup.out

查看日志脚本 log.sh：tail -f nohup.out

所有脚本放在同一目录下。

  1. 运行 ./stop.sh 停止服务

  2. 运行 ./log.sh查看日志

  3. 配置 nginx。使用 nginx 代理 Java 服务。

   #auth|api|avatar开头的请求发送到后端服务上
   location ~* ^/(auth|api|avatar|file/) {
       proxy_pass http://localhost:8000;
       proxy_set_header Host $http_host;
       proxy_connect_timeout 150s;
       proxy_send_timeout 150s;
       proxy_read_timeout 150s;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   }

前端部署

  1. 修改后端接口地址 http://xxx:80，请求会被代理到http://127.0.0.1:8000

  2. npm run rebuild:prod 打包项目生成 dist 文件夹，上传到服务器项目目录下；

  3. 配置 nginx。

       server {
           listen 80; #localhost:80请求nginx服务器时，该请求就会被匹配进该代码块的 server{ } 中执行。
           server_name  localhost;
           root /home/eladmin/file/dist;
           index index.html;
           #charset koi8-r;
   
           #access_log  logs/host.access.log  main;
   
           location / {
               try_files $uri $uri/ @router;
               index  index.html;
           }
   
           location @router {
               rewrite ^.*$ /index.html last;
           }
           #auth|api|avatar开头的请求发送到后端服务上
           location ~* ^/(auth|api|avatar|file/) {
               proxy_pass http://localhost:8000;
               proxy_set_header Host $http_host;
               proxy_connect_timeout 150s;
               proxy_send_timeout 150s;
               proxy_read_timeout 150s;
               proxy_set_header X-Real-IP $remote_addr;
               proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           }
   	}

多站点配置

nginx 配置：

  1. /etc/nginx/nginx.conf 中 http 节点增加include /etc/nginx/conf.d/*.conf 不同站点使用不同的配置文件。
   http {
       include       mime.types;
       default_type  application/octet-stream;
       keepalive_timeout  65;
   
       include /etc/nginx/conf.d/*.conf; #配置多个站点
       
   	server {
   		xxx
   	}
   	xxx
   }
  1. 新建/etc/nginx/conf.d/blog.conf，配置nginx：
   #blog
   server {
       listen       80;
       server_name  localhost;
       #访问vue项目
       location / {
           root   /home/blog/dist;
           index  index.html;
       }
       #将api转发到后端
       location /api/ {
           proxy_pass http://129.204.179.3:8001/;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
       #转发图片请求到后端
       location /img/ {
           proxy_pass http://129.204.179.3:8001/img/;
       }
   }

后端部署：

  1. idea–maven–project name–lifecycle–package，打包项目，在target目录生成 jar 包，拷贝到服务器。这里存放到 /home/blog 目录下。

  2. 导入项目 sql 文件 source blog.sql。

  3. 运行 jar 包。

   #不挂断地运行命令；&表示后台运行；输出都将附加到当前目录的 nohup.out 文件
   nohup java -jar blog-springboot-1.0.jar &
   
   #结束运行
   PID=$(ps -ef | grep blog-springboot-1.0.jar | grep -v grep | awk '{ print $2 }')
   if [ -z "$PID" ]
   then
   echo Application is already stopped
   else
   echo kill -9 $PID
   kill -9 $PID
   fi

前端部署：运行 npm run build 生成 dist 文件夹，将 dist 文件夹下面的文件拷贝到 /home/blog/dist 目录。

环境准备：启动 mysql、redis、rabbitmq 等。

service mysqld start
/sbin/service rabbitmq-server start

启动 nginx：安装目录/sbin/nginx

HTTPS配置

nginx配置HTTPS

  1. 安装 nginx ssl模块；

  2. 申请 ssl 证书，下载证书，复制到服务器某个目录下；

  3. 修改 /usr/local/nginx/conf/nginx.conf 文件

   server {
       listen       80;
       server_name  localhost;
       rewrite ^(.*)$ https://$host$1 permanent; #http请求会被转发到https
       #访问vue项目
       location / {
           root   /home/blog/dist;
           index  index.html;
       }
       #将api转发到后端
       location /api/ {
           proxy_pass http://129.204.179.3:8001/;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
       #转发图片请求到后端
       location /img/ {
           proxy_pass http://129.204.179.3:8001/img/;
       }
   }
   server {
           listen 443 ssl;  # 1.1版本后这样写
           server_name tysonbin.com; #填写绑定证书的域名
           ssl_certificate /usr/local/nginx/cert/1_tysonbin.com_bundle.crt;  # 指定证书的位置，绝对路径
           ssl_certificate_key /usr/local/nginx/cert/2_tysonbin.com.key;  # 绝对路径
           ssl_session_timeout 5m;
           ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #按照这个协议配置
           ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;#按照这个套件配置
           ssl_prefer_server_ciphers on;
           location / {
               root   /home/blog/dist; #站点目录，绝对路径
               index  index.html;
           }
   
       #将api转发到后端
       location /api/ {
           proxy_pass https://tysonbin.com:8001/;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
       #转发图片请求到后端
       location /img/ {
           proxy_pass https://tysonbin.com:8001/img/;
       }
   }
  1. 执行/usr/local/nginx/sbin/nginx -s reload，重启nginx。

springboot配置https：

  1. 复制 tomcat 目录下的 tysonbin.com.jks 到 application.yml 同级目录。

  2. 修改 application.yml：

   server:
     port: 8001
     ssl:
       #SSL证书路径 一定要加上classpath:
       key-store: classpath:tysonbin.com.jks
       #SSL证书密码，在证书tomcat目录下的keystorePass.txt或者是设置的私钥密码
       key-store-password: tx.123456
       #证书类型
       key-store-type: JKS
  1. 重新生成jar包，将jar包和tysonbin.com.jks文件一起放到服务器同一个目录下。
懒人w
关注
  • 18
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Docker nginx部署项目（附图解步骤）
zxy15974062965的博客
03-07 5610
一、构建镜像 1、修改Dockerfile #指定基础镜像,并且必须是第一条指令 FROM alpine:3.10 #指明该镜像的作者和其电子邮件 MAINTAINER xyz "xyz@qq.com" #在构建镜像时,指定镜像的工作目录,之后的命令都是基于此工作目录,如果不存在,则会创建目录 WORKDIR /usr/local/java #将一些安装包复制到镜像中,语法：ADD/COPY <src>... <dest> #ADD与COPY的区别：ADD复制并解压
基于linux下nginx的安装及项目部署
01-11
【标题】：“基于Linux下Nginx的安装与项目部署详解” 【描述】：本文将详细介绍如何在Linux系统中安装Nginx，并探讨其主要功能，包括反向代理、负载均衡以及项目部署的具体操作。 【标签】：“Nginx”，“Nginx...
Docker nginx部署项目
m0_60375302的博客
02-28 4695
一、构建镜像 1、修改Dockerfile 2、上传安装包 3、构建 docker build -t spring:2.0 .
使用nginx部署项目流程
m0_53664163的博客
01-16 2194
配置好路径之后，运行nginx，可以命令行窗口 start nginx运行，也可以双击nginx运行，查看进程是否启动成功（有三个进程）项目中有地图服务，所以把地图资源放在nginx里面了，地图8883端口，当访问8883端口时，转到nginx文件夹中的html文件中。然后将项目npm run build打包，生成dist文件，放到nginx/html路径下。监听本地4001端口，当访问本地4001时，将/api/ 转成 后台的请求路径。这样就可以了，如果请求失败那么就看一下请求路径对应修改配置就行。
前端使用nginx部署项目到服务器
Qxn530的博客
11-18 4913
前端项目部署到服务器的整个步骤
Nginx部署前端项目
吹灭读书灯 一身都是月的博客
05-21 8640
首先当然是检查Nginx： 查看nginx的安装路径：whereis nginx nginx: /usr/local/nginx nginx常用命令： cd /usr/local/nginx/sbin ./nginx ./nginx -s stop ./nginx -s quit 安全退出 ./nginx -s reload 重新加载配置文件 ps aux | grep nginx nginx展示图片： location /images { root /us
nginx部署前端项目的详细步骤
热门推荐
铁锤妹妹的博客
10-24 2万+
在前端开发过程中经常是需要把前端静态资源放到服务器中看效果，这时经常用到nginx来配置。
本地安装nginx部署项目
忘忧的博客
04-13 3966
一、点击下载nginx 二、下载完成之后，是一个安装包，解压之后就能直接使用 三、启动nginx 四、查看是否启动成功 打开浏览器，输入:http://localhost:80 五、部署自己的项目 1、 把自己的项目放在nginx下面的html文件夹 2、修改conf文件夹下nginx.conf的配置文件 六、重启nginx 1、一般修改配置需要重新启动nginx，替换文件无需重启 2、nginx -s reload 七、关闭nginx 1、 nginx -s stop ...
docker安装nginx部署前端项目
qq_44082755的博客
04-29 1362
​ Nginx挂载的优点是可以方便地进行网站配置和管理。通过对不同目录进行挂载，可以针对不同的网站进行定制化的配置。同时，Nginx挂载也可以提高服务器的安全性，减少攻击的风险，因为攻击者无法直接访问服务器的根目录。​ Nginx挂载是指将某个文件夹或目录作为Nginx服务器的根目录进行访问,用于存放默认页面、日志、配置文件.打包成功后复制文件到你挂载的/home/nginx/html的文件夹中。然后进入/home/nginx/conf配置下 Nginx 配置。将容器内的文件复制到宿主机。
linux nginx部署项目配置域名
大头1221
01-28 5419
一.把项目打包（jar） 二.把jar包通过xshell上传 三.编辑nginx.conf文件，配置域名，每配置一个域名就复制一份里面的server www.zycxvip.com 你所要配置的域名 47.102.139.150:9331 你项目浏览器访问路径 四.在项目上传的目录下（jar包所放的位置）通过java -jar xxx.jar &或者(nohup java -jar XXX.jar >log.file 2>&1 & 或者 nohup java
深入Docker5：安装nginx部署完整项目
01-18
docker中 nginx的配置文件
docker nginx 部署多个项目的示例方法
09-30
主要介绍了docker nginx 部署多个项目的示例方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用nginx部署前端项目（超详细教程）.pdf
04-29
【使用Nginx部署前端项目】的教程是一个详尽的指南，主要面向初学者，旨在教会读者如何利用Nginx高效地部署前端应用。Nginx是一个高性能的Web服务器和反向代理，因其高并发处理能力和低内存占用而受到广泛青睐。 ...
nginx部署vue项目
01-20
在本文中，我们将深入探讨如何使用Nginx部署Vue.js项目。Vue.js 是一个流行的前端JavaScript框架，而Nginx则是一个高效的Web服务器，常用于处理静态资源和反向代理。我们将按照步骤来讲解如何打包Vue项目并将其部署...
K8S 版本发版
最新发布
mqiqe的专栏
08-21 843
K8S（Kubernetes）版本发版是一个涉及多个步骤的过程，旨在确保应用程序的顺利升级和部署。
【运维自动化-配置平台】如何查看运营数据和审计
腾讯蓝鲸智云官方博客
08-20 220
也可自定义新增视图，比如新增一个按云厂商统计主机的：可以点击上下箭头调整图表展示位置说明：适合产品版本 V6.1/V6.2/V7.0/V7.1。
01 SSH--
m0_46671240的博客
08-19 255
SSH
模拟两台计算机的通讯-启动虚拟机（brctl+qemu组网）
simulate_create的博客
08-20 473
我们本次的目标是：vm-交换-vm。
使用nginx部署项目
08-28
使用nginx部署项目的步骤如下： 1. 首先，你需要安装nginx服务器。你可以参考引用提供的链接来进行安装。 2. 安装完成后，将你的项目文件夹（比如dist文件夹）上传到nginx的html目录下，一般路径为/usr/local/nginx/html。可以参考引用中的指令将dist文件夹上传到指定路径。 3. 启动nginx服务器。可以使用以下命令来启动nginx：nginx。 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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

懒人w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值