nginx简介Nginx是一款开源代码的高性能HTTP服务器和反向代理服务器，同时支持IMAP/POP3/SMTP代理服务，处理高并发能力十分强大，能够经受高负载的考验，有报告表名nginx支持高达50000个并发连接数。Linux下的nginx安装Centos阿里云源配置笔者这里使用的是centos7，在安装nginx之前需要对Linux源进行配置，配置教程可以移步笔者之前写过的文章。Cento
转载
2024-06-20 12:18:24
147阅读
文章目录前言一、跨域问题的表现二、前端解决方案三、后端解决方案（CORS）：四、其他解决方案总结 前言跨域问题（Cross-Origin Resource Sharing, CORS）是由于浏览器的同源策略（Same-Origin Policy, SOP）限制导致的。同源策略是一种安全措施，它限制了一个源（域名、协议和端口）的文档或脚本如何与另一个源的资源进行交互。这种限制是为了防止恶意网站访问
从1.9.0开始，Nginx增加了stream模块用来实现四层协议的转发、代理和负载均衡。与著名的四层LB软件lvs相比，stream 模块(开源版)无论从功能还是性能上，都有一定的差距，实现也相对简单。从性能上来说，stream模块在应用层实现四层的转发，需要与两端建立起socket连接，然后两端的数据收发进行代理转发。因此，大量的数据从内核态到用户态再从用户态到内核态传递。这些数据copy加上
nginx的反向代理反向代理的原理Nginx是一个高性能的Web服务器，它也可以用作反向代理服务器。当Nginx作为反向代理服务器时，它将客户端的请求转发到后端的服务器，而不是直接向客户端提供服务。Nginx的反向代理功能是通过配置文件来实现的。在配置文件中，您可以指定哪些请求需要转发到哪个后端服务器，以及如何处理后端服务器的响应。在反向代理配置中，Nginx需要监听一个端口，以接收来自客户端的请
转载
2024-02-21 13:51:17
114阅读
WEB的网页缓存分析xChrome会自动本次缓存Nginx的本地资源nginx在1.0之后的版本，当处理本地资源文件的时候，会自动追加Etag和Last-modified头部信息Chrome在收到一个资源携带了Date和Last-Modified头部，同时，没有Expires头部，会自动决定过期策略，简单的规则有个例子，不确定正确性，但是Chrome就是会保持这个过期策略，下次请求的时候会直接
转载
2024-10-08 15:04:22
61阅读
一、vue-cli4 配置gzip文件处理1、第一步安装插件依赖，现在最新版本为7，实测有兼容问题，暂时使用5npm i compression-webpack-plugin@5.0.1 --save-dev2、在vue.config.js文件中配置const CompressionWebpackPlugin = require("compression-webpack-plugin");
//c
转载
2024-06-25 15:57:34
101阅读
上一篇文章分析了ngixn服务器如何接收客户端发来的http请求行、http请求头部。本文在这基础上分析nginx服务器收到http请求行、请求头部后，http框架是如何调度各个http模块共同完成这个http请求。例如: http框架调度静态模块，获取服务器目录下的某个html页面返回给客户端； 或者http框架调度access权限访问模块，判断这个客户端是否有权限
转载
2024-09-15 18:53:04
145阅读
提要：vue-router 有两种模式，1、默认是hash模式，通过URL的hash来模拟URL。2、另一种history模式，它是利用history.pushStateAPI来模拟URL。只不过这次我选择history最主要的原因是：hash模式分享链接后有挺多坑。1、再BB下首先我们先提一下官方给予我们在History模式下服务器部署的帮助location / {try_files $uri
转载
2024-09-01 18:57:31
94阅读
由于 nginx 的优秀性能表现，所以很多企业在 Kubernetes 中选择 Ingress Controller 的时候依然会选择基于 nginx 的 ingress-nginx，前面文章中我们更多的是介绍更加云原生配置更加灵活的 Traefik，特别是 Traefik 2.0 版本新增中间件概念以后，在配置上就更加方便了，各种需求都可以通过中间件来实现，对于 ingress-nginx 来说
转载
2024-08-23 16:52:39
248阅读
本文主要帮助大家熟悉 Nginx 有哪些应用场景、Nginx 特点和架构模型以及相关流程、Nginx 定制化开发的几种模块分类。读完本文你将对 Nginx 有一定的认识。 图片来自 Pexels 本文将围绕如下几个部分进行讲解：Nginx 简介及特点Nginx 应用场景Nginx 框架模型介绍Nginx 内部流程介绍Nginx 自定义模块开发介绍Nginx 核心时间点模块介绍Nginx
转载
2024-05-28 15:58:31
67阅读
为了提高网站的响应速度，减轻程序服务器（Tomcat，Jboss等）的负载，对于静态资源比如图片，js，css等文件，我们可以在反向代理服务器中进行缓存，这样浏览器在请求一个静态资源时，代理服务器就可以直接处理，而不用将请求转发给后端服务器。用户请求的动态文件比如servlet,jsp则转发给Tomcat，Jboss服务器处理，这就是动静分离。这也是反向代理服务器的一个重要的作用。实现方式：1、（
转载
2024-04-07 11:23:13
415阅读
1 在本地测试1 众所周知,nginx是一个反向代理的服务器，主要功能即为实现负载均衡和动静分离。在别的我别的文章有详细的nginx（Windows）相关介绍教程。由于自己安装的nginx在本地的计算机上，想实现对nginx.conf 配置文件的修改实现转发到远程服务器，见下图标记处，为我在配置文件添加的内容， 首先在本地启动nginx【即在nginx根目录双击nginx.exe
转载
2024-02-04 13:22:02
1418阅读
前言首先这篇文章是写给Vue新手的，老司机基本不用看了。当我们刚接触vue的时候，特别是对于第一次用前端框架的同学来说，心情可以说是比较激动的，框架带来的种种新体验，是以前jQuery无法给你的兴奋和满足感。但是在体验了几个demo的新鲜感之后，我们就要考虑如何把框架结合到我们实际的开发中如何应用的问题了。下面我主要总结三个和生产发布相关的问题：资源文件发布文件夹配置，图片文件的引用，以及后台接口
nginx 代理geteway网关转发的websocket前言nginx配置springboot项目的websocketspringboot项目的geteway测试是否连接成功配置nginx的遇到的问题 前言目前在实际项目(springboot)中需要用到通过网关来转发实际的请求。 而在网上找了很久，帖子比较分散，且不能一次性完成操作。 多次尝试之后终于结束，身为一个苦逼程序员，我很欣慰。 所以
转载
2024-04-02 17:03:06
731阅读
# Docker Nginx配置前端转发实现指南
在本篇文章中，我将向你介绍如何使用Docker和Nginx来配置前端转发。这将帮助你将流量从Nginx反向代理到其他服务，实现负载均衡和灵活的路由配置。下面是整个流程的步骤表格：
| 步骤 | 描述 |
| ------------ | ------------ |
| 步骤 1 | 创建Dockerfile |
| 步骤 2 | 构建镜像
原创
2024-01-31 11:21:40
154阅读
# 实现Vue Nginx部署代理转发
## 概述
在开发过程中，我们经常会遇到前端项目使用Vue框架开发，后端API接口需要通过Nginx代理转发的情况。本文将带领你完成Vue项目在Nginx中的部署和代理转发配置。
### 步骤
以下是完成该任务的流程和步骤，我们将通过具体的代码示例来说明每一步需要做什么。
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue项目
原创
2024-05-08 09:52:47
921阅读
vue-cli打包到部署到nginx服务器1，我直接npm run build 打包出来，打开dist目录下面的index.html 空白页，页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境 正确打包是 npm run build:prod 2.关于vue-router 中mo
转载
2024-07-13 16:35:08
293阅读
Nginx五大应用场景一、HTTP服务器二、静态服务器location优先级三、反向代理四、负载均衡1. RR(round robin :轮询 默认)2. 权重3. ip_hash4. fair(第三方)5. url_hash(第三方)五、动静分离六、其他1.return指令2. rewrite指令3. error_page指令4. 日志5. deny 指令6. 内置变量 一、HTTP服务器Ng
发布vue项目时遇到的问题以及解决方法----发布篇----vue 配置APIvue.config.js API前端工程相关命令1.安装cnpm(cnpm跟npm是一样的东西, 区别在于用到的依赖在下载地址上不同, cnpm下载的依赖都是从淘宝镜像中下的)$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org2.新
场景描述：在后台没有配置环境，但是产品大大想看网页效果的时候，虽然可以直接给他开发环境的地址看，但是开发环境需要频繁改动代码、开关项目或多或少会影响到产品大大的观看效果，因为打包之后在vue中配置的代理会失效，所以可以用nginx做一个简单的代理配合express搭建一个简单的本地服务器。（需要安装vue脚手架、nodejs）安装express-generator生成器执行 $ npm insta
转载
2024-04-09 00:48:38
677阅读
