nginx前端更新后没有变化 nginx部署前后端项目

转载

编程小达人 2024-03-18 10:21:58

文章标签 nginx前端更新后没有变化 nginx 运维 mysql java 文章分类 运维

前言：在一台全新内网服务器上面实现应用部署。前后端开发已完成，主要是面对部署。中间将下载的应用放置到内网环境，需部署的你自己跟网络安全管理员沟通解决。

情况：
前端涉及技术栈：vue、nginx
后端涉及技术栈：springboot、jdk11、mysql
搭建环境：windows

前端

nginx安装

因为是内网环境，所以得先从官网上下载安装需要的nginx 下载完成以后，应该得到nginx压缩包!

将nginx把放在合适的文件目录下，然后解压

nginx前端更新后没有变化 nginx部署前后端项目_mysql

然后进入到命令行模式
执行命令

# 启动命令
start nginx

按照默认的配置，项目正常启动后，访问http://127.0.0.1:80就会有nginx的页面显示

nginx前端更新后没有变化 nginx部署前后端项目_java_02

确定nginx能够正常运行后，我们开始部署前端

关闭nginx

#查看nginx，这个也可以查看nginx是否启动
tasklist /fi "imagename eq nginx.exe"  
# 快速关闭 同时会删除logs中的nginx.pid文件
nginx -s stop
# 有序关闭 同时会删除logs中的nginx.pid文件
nginx -s quit
# 停止或关闭 不会删除logs中的nginx.pid文件
taskkill /f /t /im nginx.exe

# 你要问nginx.pid是干嘛的
它是存储master进程的ID，启动、停止nginx时需要使用到。nginx启动后会自动生成

将前端vue压缩后的包dist放到html文件夹下，但是这里个人建议最好是新建一个文件夹，然后修改配置文件
修改配置文件nginx.conf

user root;
worker_processes  1

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

        location / {
            root   /home/tool/nginx/ui/dist; # 这里是你存放dist的路径!!!
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        location /prod-api/{
                proxy_set_header Host $http_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;
                proxy_pass http://localhost:8080/; #设置监控后端启动的端口
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
                root html;
		}
	}
}