nginx 前后端项目

最新推荐文章于 2025-04-28 13:58:23 发布

狗蛋1024

最新推荐文章于 2025-04-28 13:58:23 发布

阅读量616

点赞数 2

分类专栏： nginx 文章标签： nginx nginx反向代理

本文链接：https://blog.youkuaiyun.com/weixin_40470497/article/details/111679677

版权

nginx 专栏收录该内容

4 篇文章

订阅专栏

实现前后端分离，可以让前后端独立开发、独立部署、独立单测，双方通过JSON进行数据交互。
对于前端开发人员来说，不用每次调试都需要启动运行环境；对于后端开发人员来说，也不用在需要往JSP页面注入数据。
通过nginx来部署前端代码，可以帮助前端实现以下基本需求：

保证系统安装nginx的前提条件下
将前端代码打包上传至服务器

后端代码打包上传至服务器，端口指定8080

编辑nginx的配置文件nginx.conf

location / {
    root   /home/admin/test/dist;#前端代码绝对路径
    index  index.html index.htm;
}

location /prod-api/{ #/prod-api为访问后端服务统一前缀
    proxy_pass http://127.0.0.1:8080/; #后端服务地址
    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;
    client_max_body_size    100m;
}

访问测试

nginx开启gzip压缩：网站开启gzip压缩，不仅能够节省带宽，也能够快速响应用户的访问

#启用或禁用gzipping响应。
gzip on;
#设置用于压缩响应的缓冲区number和size。默认情况下，缓冲区大小等于一个内存页面。这是4K或8K，具体取决于平台。
gzip_static on;
#启用或禁用gzipping响应。
gzip_buffers 4 16k;
#设置level响应的gzip压缩。可接受的值范围为1到9。
gzip_comp_level 5;
#置将被gzip压缩的响应的最小长度。长度仅由“Content-Length”响应头字段确定。
gzip_min_length 100;
#匹配MIME类型进行压缩，text/html默认被压缩。        gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
				  '$status $body_bytes_sent "$http_referer" '
				  '"$http_user_agent" "$http_x_forwarded_for"';
#引入/usr/local/nginx/conf.d下面的所有配置文件
include /usr/local/nginx/conf.d/*.conf;