博文纲领：
- 1、nginx前端页面配置(nginx代理前端页面)
- 2、nginx部署避坑指南+高级配置详解
- 3、利用Nginx正向代理实现局域网电脑访问外网
- 4、Nginx常用功能
- 5、Nginx系列-4种配置方式
nginx前端页面配置(nginx代理前端页面)
1、进入nginx配置文件vim.../nginx-12/conf/nginx.conf。 如上图所示：第一个红框中的内容就是应用服务器的地址；第二个红框中的内容就是前端包的位置。 此时，配置文世明件已经准备完毕。这个包和端口可以存在多个。 进入.../nginx-12/sbin找到nginx的启动程序。
2、启动nginx时，需切换到nginx的执行目录，输入nginx命令启动服务。启动成功后，通常会看到光标闪烁，没有报错信息就说明nginx已启动。验证配置是否生效，可以测试本地项目。当项目在19160.88：8088运行，通过输入19160.88：91访问，应该能正确映射到8088端口，这表明本地nginx代理设置已经成功。
3、正向代理：隐藏客户端IP，便于匿名访问和防火墙穿越。反向代理：将请求转发给后端服务器，实现负载均衡、保护服务器和缓存优化等。解决单页面应用刷新404问题：通过配置location指令。允许跨域请求：通过适当的配置实现。开启gzip压缩：提升用户体验和服务器性能。Nginx配置文件的结构：主要配置文件是nginx.conf。
4、安装与启动： 通过包管理器或源码编译安装Nginx，安装后以命令行启动。 配置基础： 在/etc/nginx/nginx.conf中，配置虚拟主机(server)和请求处理(location)，如指定网站根目录(root)和响应文件(index.html)。 前端项目打包： 使用Webpack等工具将源代码打包成静态文件，存放于dist目录。
nginx部署避坑指南+高级配置详解
worker_processes：一般设置为1进程，但多核CPU环境下，根据需要调整数量。对于处理大量小文件、高CPU消耗场景，可设置进程数与CPU数量一致或略多。 server_name：部署在同一个端口上的服务，通过servername进行分配，listen相应端口号，注意不可重复。
初次部署步骤首先，可通过包管理器进行安装，遵循教程顺序进行。安装后，务必检验Nginx配置，确保无误。别忘了开放防火墙，允许http80和https443端口。启动Nginx后，检查其运行状态以确保启动成功。最后，尝试访问站点，检查是否能正常显示内容。
前后端分离架构中的token传递：在前后端分离的Vue项目中，需要特别注意token的安全传递。可以通过Vuex等状态管理工具在前端存储token，并确保在请求时正确携带token。通过以上步骤，你可以在企业微信PC版应用中从Vue项目成功跳转到默认浏览器，并避免一些常见的坑。希望这份避坑指南对你有所帮助。
FlyFish前端数据可视化开发避坑指南的答案如下：遇到8848端口问题：解决方案：需修改config/env.js中的componentDir配置，加入/screen_62c93bd260e71f0e9d29bd5f。未明确说明的问题：解决方案：可采用缩放方式解决。
定制与兼容性1Panel专为openresty优化，官方推荐使用，但对于ols web服务器，你可能需要自行配置。如果你选择其他web服务器，如nginx，记得构建docker镜像并替换openresty容器。容器编辑时，更新语句就足够了，不一定需要重建。在MySQL和Redis的网络连接上，确保使用正确的端口，如mysql：3306和redis：6379。
注意，本避坑指南专为云智慧开源数据可视化平台FlyFish服务。对数据可视化感兴趣的读者可点击访问FlyFish并给项目Star。加入微信小悠智慧，回复飞鱼，可加入开发者交流群，共同探讨。A1：若遇到8848端口问题，需修改config/env.js中的componentDir配置，加入/screen_62c93bd260e71f0e9d29bd5f。
利用Nginx正向代理实现局域网电脑访问外网
遇到的问题是，公司内部网络禁止直接访问外网，但需要访问特定网站。首先，确保一台能访问外网的服务器（如19160.10）已配置好Nginx。通过在局域网电脑访问19160.10：9000进行初步测试，但遇到问题：Nginx的域名解析可能导致代理失效，因为其依赖于内存中的IP，一旦目标网站IP变化，代理即无法工作。
首先，确保有台可以正常访问外网的服务器，该服务器上需安装 Nginx 并进行正确网络配置。比如，我使用了一台 IP 为 19160.10 的服务器。接下来，修改 Nginx 配置文件中的代理规则，以实现域名转发功能。
Nginx正向代理（http vs https）首先，回顾正向代理的http配置，当尝试访问https：//时，由于Nginx默认不支持https，会返回400错误。为解决这个问题，我们可以借助第三方模块ngx_http_proxy_connect_module，从Nginx 11版本开始，可以动态加载模块。
正向代理：定义：nginx充当中间人，用户的请求先经过nginx，再由nginx转发到目标服务器。目标服务器只看到代理服务器，而不知道实际用户。作用：常用于访问外部资源受限的场景，如翻墙访问国外网站。特点：在这种代理模式下，nginx帮助用户绕过网络限制，访问到原本无法直接访问的资源。
Nginx常用功能
Nginx的常用功能主要包括以下几点：代理功能：正向代理：配置时需注意DNS服务器设置、增加无server_name的server，并使用proxy_pass指令。反向代理：无需客户端配置，代理服务器根据需求选择目标服务器获取数据并返回给客户端。
Nginx的常用功能丰富，主要包括代理、反向代理、静态资源服务器配置、负载均衡、配置白名单与黑名单等。代理功能包含正向代理与反向代理，其中正向代理配置时需注意DNS服务器配置、增加无server_name的server，以及proxy_pass指令。
动静分离 功能：动静分离是优化网站性能的一种方法，通过将静态资源与动态内容分开部署，提高访问速度和维护效率。 示例：通过配置，Nginx能够直接返回静态资源，而动态内容则由后端服务器提供。其他常用指令 return指令：用于返回特定状态码和重定向URL。
正向代理通常用于访问被限制的网站或服务。注意：虽然正向代理也是Nginx的一种功能，但在入门教程中通常不作为主要内容进行讲解，因为它更多用于特定的网络环境和需求。总结：Nginx的常用配置包括启动、停止及重新加载配置、动静分离、反向代理、负载均衡等。这些配置能够帮助你更好地管理和优化你的网站或服务。
Nginx系列-4种配置方式
Nginx的4种主要配置方式如下：端口代理与路径规则配置：端口代理：可以将特定端口的请求转发到后端服务。路径规则：通过访问路径来区分并代理到不同的后端服务。正反向代理配置：正向代理：隐藏客户端的真实身份，用于访问受限资源，提供额外的安全屏障。
Nginx配置WSS WSS表示WebSocket + Https，即安全的WebSocket。在配置WS时，已详细描述了配置细节，此处不再赘述。
Nginx日志配置主要包括以下几个方面：access_log的设置：用于定义访问日志的级别和位置。常见日志级别包括debug、info、notice、warn等。log_format的定义：允许用户定制日志格式，以满足特定需求。通过配置log_format，可以定义日志条目的具体内容和结构。
- **server**：配置虚拟主机，类似于Apache的虚拟主机配置，用于管理多个网站。配置虚拟主机 Nginx支持基于端口、IP和域名的虚拟主机配置。- **基于端口**：配置特定端口的虚拟主机。- **基于IP**：配置特定IP地址的虚拟主机。- **基于域名**：通过DNS解析实现域名到IP的映射。
server块：配置虚拟主机的相关参数，一个http中可以有多个server。location块：配置请求的路由，以及各种页面的处理情况。Nginx常用功能。Http代理，反向代理：作为web服务器最常用的功能之一，尤其是反向代理。Nginx在做反向代理时，提供性能稳定，并且能够提供配置灵活的转发功能。
Nginx日志配置主要包括access_log和error_log两部分，以下是详解： access_log： 作用：记录客户端的详细信息，如IP、浏览器、请求URL、处理时间等。 配置方式： 通过log_format指令定制日志内容，包括指定文件路径。 可以选择预定义的combined格式或自定义格式。