nginx config配置_Nginx 动态压缩与静态压缩，显著提高前后端分离项目响应速度！...

本文是昨天文章的姊妹篇，昨天我们从 ElementUI 按需加载和 Spring Boot 开启 gzip 压缩两个方面来聊了 Spring Boot+Vue 项目首屏优化的问题:

• 如何提高Spring Boot+Vue前后端分离项目首页加载速度的

但是我们也说了，前后端分离开发主流的部署是分开部署，即前端使用 Nginx 来部署。如果使用 Nginx 来部署前端项目，优化要怎么做？一起来看下：

Nginx 中配置前端的 gzip 压缩，有两种思路：

1. Nginx 动态压缩，静态文件还是普通文件，请求来了再压缩，然后返回给前端。
2. Nginx 静态压缩，提前把文件压缩成 .gz 格式，请求来了，直接返回即可。

如果大家对于 Nginx 还不熟悉，可以先看看松哥这篇文章：

• Nginx 极简入门教程！

Nginx 压缩，一起来看大屏幕：

2.2.1 Nginx 动态压缩

动态压缩 Vue 还是使用普通的打包编译后的文件，将前端编译打包后的文件拷贝到 Nginx 的 html 目录下，然后访问 nginx：http://192.168.91.129

确保 nginx 运行成功后，接下来对 ngi