nginx访问静态页面（ajax再调用nginx地址访问java后台）

最新推荐文章于 2025-05-16 10:36:05 发布

PromisingGirl-Du

最新推荐文章于 2025-05-16 10:36:05 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： # Nginx

本文链接：https://blog.youkuaiyun.com/dfBeautifulLive/article/details/84565080

Nginx 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用Nginx配置静态页面访问及动态接口代理，实现前后端分离项目的高效部署。通过具体示例，详细解释Nginx配置文件中listen、server_name、root指令的应用，以及location块中proxy_pass等指令的设置，实现静态资源和动态数据的无缝结合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在跟着视频做小示例，并发方面的，然后敲示例的过程中，发现nginx还可以这样使用，在实际使用nginx有限的我，觉得还是应该记录一下这种思想

首先，你先有html页面，后台生成的也好，还是前后端分离也好，我的页面在如下目录里

然后配置nginx的config文件,在server模块里

 server {
        listen       80; #代理后要访问的端口
        server_name  localhost;  #指定访问的连接
		root E:/项目学习/babytun/; #访问静态页面
		#index index.html;
	}

然后通过nginx访问页面，通过80端口，寻找E盘下的html页面

然后页面里的评论是实时，需要动态添加的，也就是ajax获取后台数据的，这里面就需要nginx配置评论接口定位映射到后台接口去

需要配置nginx的config文件

 server {
        listen       80; #代理后要访问的端口
        server_name  localhost;  #指定访问的连接
		root E:/项目学习/babytun/; #访问静态页面
		#index index.html;
		#将80端口映射路径地址，将其可以访问系统
		location /staticHtml/evaluate/ {
		  proxy_pass http://localhost:8081/evaluate/;#访问后台接口
		  proxy_set_header Host $host;#辅助
		  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;#辅助

		}
}

然后就变成也是通过nginx加载数据了，nginx是一个比较高效的web服务器