Java项目——黑马头条Day1——前端集成

最新推荐文章于 2024-11-03 11:01:20 发布

Ethan Yankang

最新推荐文章于 2024-11-03 11:01:20 发布

阅读量613

点赞数 7

文章标签： java 前端开发语言

本文链接：https://blog.csdn.net/m0_68657832/article/details/140497500

版权

🌈hello，你好鸭，我是Ethan，西安电子科技大学大三在读，很高兴你能来阅读。

✔️目前博客主要更新Java系列、项目案例、计算机必学四件套等。
🏃人生之义，在于追求，不在成败，勤通大道。加油呀！

🔥个人主页：Ethan Yankang
🔥推荐：史上最强八股文||一分钟看完我的几百篇博客

🔥温馨提示：划到文末发现专栏彩蛋点击这里直接传送

🔥本篇概览：详细讲解了Java项目——黑马头条Day1——前端集成。🌈⭕🔥

【计算机领域一切迷惑的源头都是基本概念的模糊，算法除外】

🌈引出：

🔥整体序言：Java项目整体及序言-CSDN博客

🔥前一篇章：

9)前端集成

9.1)前端项目部署思路

在这里插入图片描述

通过nginx来进行配置，功能如下

通过nginx的反向代理功能访问后台的网关资源（需要验证身份的访问资源）
通过nginx的静态服务器功能访问前端静态页面（游客也能行的那种）

9.2)配置nginx

①：解压资料文件夹中的压缩包nginx-1.18.0.zip
在这里插入图片描述
任务管理器中查看得知确实是启动了

②：解压资料文件夹中的前端项目app-web.zip

③：配置nginx.conf文件

在nginx安装的conf目录下新建一个文件夹leadnews.conf,在当前文件夹中新建heima-leadnews-app.conf文件

heima-leadnews-app.conf配置如下：

upstream  heima-app-gateway{
    server localhost:51601;
}

server {
	listen 8801;
	location / {
		root D:/workspace/app-web/;  //注意这里指定的前端文件位置，否则会报错
		index index.html;
	}
	
	location ~/app/(.*) {
		proxy_pass http://heima-app-gateway/$1;
		proxy_set_header HOST $host;  # 不改变源请求头的值
		proxy_pass_request_body on;  #开启获取请求体
		proxy_pass_request_headers on;  #开启获取请求头
		proxy_set_header X-Real-IP $remote_addr;   # 记录真实发出请求的客户端IP
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  #记录代理信息
	}
}

nginx.conf 把里面注释的内容和静态资源配置相关删除，引入heima-leadnews-app.conf文件加载

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
	# 引入自定义配置文件
	include leadnews.conf/*.conf;
}

④ ：启动nginx

在nginx安装包中使用命令提示符打开，输入命令nginx启动项目

可查看进程，检查nginx是否启动

重新加载配置文件：nginx -s reload
在这里插入图片描述