现在比较流行前后端分离，然而前后端分离就难免会产生跨域请求，所以很多人都听说过反向代理。一说到反向代理，可能大多数人都会想到Nginx。那究竟什么是Nginx服务器呢？安装Nginx详见文章：玩转服务器---运行环境搭建
跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。
在反向代理服务方面，Nginx服务器转发前端请求性能稳定，并且后端转发与业务配置相互分离，配置相当灵活。
作为前端开发，即使没用过Nginx，但一定听说过上面这句话。这句经典的话，基本构成了所有人对Nginx的第一印象。
相信很多前端朋友在线上debug时都吐槽过npm run dev或npm start太费时的问题吧（这里提到的两条npm脚本代指启动前端dev server）。
同源策略（SOP）是一种约定，是浏览器最核心的也是最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR等攻击。
前端圈一直很新，一直要不停的学习，而且在进入大厂的路上，还要求熟悉一门后台语言等等。用一句别人开玩笑的话来说，java十年前的技术现在还能用，而前端的技术就不是这样的了。
典型的互联网架构是如何划分的呢？各个层次之间又有哪些可以进行优化的方案呢？下面通过文章一起看看吧。
Nginx是一个流行的web服务器，用于提供web应用程序的静态资源(客户端源)。我将解释如何将Nginx设置为静态内容资源web服务器，以及如何将它配置为Linux系统上的反向代理(连接客户机和后端)。基本上如何设置前端+后端与Nginx在Linux上。如果你:
前段时间，了不起给大家说过如果使用 Docker 发布自己的后端项目，也就不再使用 Jar 包进行项目的发版操作，但是这其中就又涉及到了前端如何发版，为什么这么说，因为资深前端开发，可能知道各种发版内容等，但是对于一般的前端开发来说，走到build后，就已经算是比较不错了，接下来如果没有运维的话，那么在不使用 jekins 的情况下，就只能是后端来进行发版了，今天我们讲讲这个docker 是如何发布前端应用的。
作为一个前端开发，我们可能平时或多或少的都接触过Nginx，但是可能也因为平时我们并不需要自己去对他进行一些必要的配置导致我们需要对其进行深入了解，但是实际如果你在工作的业余时间也会开发自己的项目，你会发现，在很多场景下，nginx对于我们有非常多的遍历，同时其性能比较高效，在国内的很多网站中实际都有使用，在了解他之前，我们需要对其有一些基本的认知，首先，我们需要知道
Apache是目前最流行的Web应用服务器，占据了互联网应用服务器70%以上的份额。Apache能取得如此成功并不足为奇：它免费、稳定且性能卓越;但Apache能取得如此佳绩的另一个原因是，当时互联网刚刚兴起时，Apache是第一个可用的Web应用服务器，人们没有其他的选择。
我司采取的是前后端分离的开发模式，后端技术栈陈旧，且无法根据前端开发需求变更服务器配置。一个生产环境的https域名，根目录访问403。后端技术栈.Net，后端人员做好接口后直接放置到服务器以供调用，前端开发页面后也放置在同样的目录下进行访问。
自动接触前端，跨域这个词就一直萦绕在耳畔。因为一般接手的项目都已经做好了这方面的处理，而且之前一直感觉对这方面模棱两可，所以今天就抽个时间梳理一下。
Nginx抗并发，nginx 处理请求是异步非阻塞的，而apache 则是阻塞型的，在高并发下nginx 能保持低资源低消耗高性能。
前端爱好者的知识盛宴 本文提供者是腾讯工程师——樊东东。 前端开发者很重要的一个工作就是调试了。 线上出问题了，赶紧看看； 服务器是别人开发的，想在自己电脑调用测试或正式接口； 手机访问开发环境(自己电脑)的页面； 此文讲述笔者日常工作中常用的三个工具————Fidller、Switch Host、Nginx Fiddler+Willow插件 Fiddler是客户端和服务器之间的代理，网上很多文章把它描述为抓包神器。 结合Willow插件我们在日常工作中可以用它来将静态文件请求代理到本地文件，手机设置代理
本文有配套视频：https://www.bilibili.com/video/av58096866/?p=8 一、为什么会出现跨域的问题 跨域问题由来已久，主要是来源于浏览器的”同源策略”。
wss 请求后端https 接口,使用nginx 进行代理后端接口，如何配置不需要手动在浏览器输入后端接口
这是第 43 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：五分钟看懂 Nginx 负载均衡 https://www.zoo.tea
客户端（浏览器）缓存 前端页面缓存（squid） 页面片段缓存ESI(Edge Side Includes) 本地数据缓存
现在项目开发，都实现前后端分离开发，导致前端向后端发送请求，会出现跨域错误 ；如何解决这个问题？
跨域问题一直是前端的一大难题，从前端出道到至今，无论是自己还是身边的同事，以及网上前端朋友都被这个问题困扰着。
Apache与Nginx的优缺点比较 1、nginx相对于apache的优点： 轻量级，同样起web 服务，比apache 占用更少的内存及资源 抗并发，nginx 处理请求是异步非阻塞的，而apache 则是阻塞型的，在高并发下nginx 能保持低资源低消耗高性能 高度模块化的设计，编写模块相对简单 社区活跃，各种高性能模块出品迅速啊 apache 相对于nginx 的优点： rewrite ，比nginx 的rewrite 强大 模块超多，基本想到的都可以找到 少bug ，nginx
有学生优惠的话还是挺便宜的，我买的时候一台轻量应用服务器一年 108，加 8 块还能注册一个域名。实名认证后购买，备案。域名也要实名认证和备案，域名实名认证后 72 小时才能备案。
关注「前端向后」微信公众号，你将收获一系列「用心原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术
如果不用nginx，仅仅只是tomcat，要想在同一个80端口下去开多个http服务是不行的，只能开一个，但是使用nginx后，可以开多个，并且可以针对不同的域名去进行访问和配置，这就是虚拟主机的功能。而配置中的server就是一个虚拟主机。
防火墙放行 服务端：10088和前端:10089两个端口(一键安装的程序包不支持修改端口)。放行后自行Nginx反向代理域名即可
Skype for Business Server 2015完整部署，实现内外网/移动端客户端登录。
方法一 在vue.config.js中添加如下配置： devServer:{ proxy:"http://localhost:5000" } 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源） 方法二 编写vue.config.js配置具体代理规则： module.exports = { devSer
nodejs的出现为前端行业带来了无限的可能性,让很多原来只负责客户端开发的同学也慢慢开始接触和使用服务器端技术.
反向代理就是当请求访问你的代理服务器时，代理服务器会对你的请求进行转发，可以转发到静态的资源路径上去，也可以转发到动态的服务接口上去。下面我们以对域名进行代理为例，来讲讲如何进行静态代理和动态代理。
最近写了一些关于前后端分离项目之后，跨域相关方案的基本原理和常见误区的帖子，主要包括CORS和Nginx反向代理。这两种方案项目中都有在用，各有优缺，关于具体使用哪种方案，大家的观点也不大一致，本文主要就此展开一下，从前后端及服务器配置、安全性、移植灵活性、扩展性等方面详细对比一下两种方案的优缺，以便于后期在方案选型上对大家有所帮助。
1、nginx相对于apache的优点： 轻量级，同样起web 服务，比apache占用更少的内存及资源 抗并发，nginx 处理请求是异步非阻塞的，而apache 则是阻塞型的，在高并发下nginx 能保持低资源低消耗高性能 高度模块化的设计，编写模块相对简单 社区活跃，各种高性能模块出品迅速啊 apache 相对于nginx 的优点：
Apache与Nginx的优缺点比较 1、nginx相对于apache的优点： 轻量级，同样起web 服务，比apache 占用更少的内存及资源 抗并发，nginx 处理请求是异步非阻塞的，而apache 则是阻塞型的，在高并发下nginx 能保持低资源低消耗高性能 高度模块化的设计，编写模块相对简单 社区活跃，各种高性能模块出品迅速 ---- apache 相对于nginx 的优点： rewrite ，比nginx 的rewrite 强大 模块超多，基本想到的都可以找到 少bug ，nginx
前面介绍了很多关于ABP框架的后台Web API 服务端，以及基于Vue+Element前端应用，本篇针对两者的联合部署，以及对部署中遇到的问题进行处理。ABP框架的后端是基于.net core5.0 的Asp.net core 应用，因此和常规的Asp.net core 应用部署一样；而Vue+Element前端应用则是基于nodejs的应用，部署方式又有所不同，这里介绍基于Nginx的部署。
说到 Nginx ，可能大家最先想到的就是其负载均衡以及反向代理的功能。没错，这也是当前使用 Nginx 最频繁的两个功能，但是 Nginx 可不仅仅只有这两个功能，其作用还是挺大的，本系列博客就来慢慢解开 Nginx 神秘的面纱。
利用Jexus的“多目标反向代理”功能，我们很容易实现多服务器的负载均衡，构成一个WEB服务器集群，大大提高网站的负载能力。 Jexus反向代理有一个特点：如果前端服务器本地网站中有内容，它就会直接使用前端服务器的本地内容，而不会将请求发送给后端服务器。 据我们所知，对于网站，一个ASPX网页上常常会含有图片、JS、CSS等大量的静态文件，其比例甚至可以达到一比三十或更多，因此，如果你希望为静态文件提供更快的反应速度，你只需要把静态文件放到前端服务器对应网站的对应文件夹下就行。 J
在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的"混合开发"模式下，前后端通常会部署到不同的服务器上，即便部署在同一台机器，因为宿主程序（如后端用Tomcat，前端用nginx）不同，端口号也很难统一。
目的：为了解决前端和后端联调数据，出现的跨域问题,通过配置反向代理，可以更好的联调数据
在如今的SpringBoot微服务项目中，前后端分离已成为业界标准使用方式，通过使用nginx等代理方式有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多个客户展现端，例如：web端，安卓app，IOSapp，微信小程序等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。
运行在http://localhost:8082端口的前端服务器express和运行在http://localhost:8080端口的后端服务器golang net/http。前端的javaScript代码使用fetch()函数发起一个到http://localhost:8080/api/students的请求。
代理就是通过一个特殊的网络服务去访问另一网络服务的一种间接访问方式。像我们不能直接访问国外的网站，只能使用V**，就是使用了代理。
刚工作那会，有一次，上游调用我服务的老哥说，你的服务报"502错误了，快去看看是为什么吧"。
Caddy是一款功能强大，扩展性高的Web服务器，目前在Github上已有38K+Star。Caddy采用Go语言编写，可用于静态资源托管和反向代理。
Nginx和Apache和Tomcat的区别及优缺点 1、定义： 1）Apache Apache HTTP Server（简称Apache）是Apache软件基金会的一个开放源码的网页，它是一个模块化的服务器，可以运行在几乎所有广泛使用的计算机平台上。其属于应用服务器。 Apache支持模块多，性能稳定，Apache本身是静态解析，适合静态HTML、图片等，但可以通过扩展脚本、模块等支持动态页面等。 缺点：配置相对复杂，自身不支持动态页面。 优点：相对于Tomcat服务器来说处理静态文件是它的优势，速度快。Apache是静态解析，适合静态HTML、图片等。 (Apche可以支持PHPcgiperl,但是要使用Java的话，你需要Tomcat在Apache后台支撑，将Java请求由Apache转发给Tomcat处理。)
一般的访问流程是客户端直接向目标服务器发送请求并获取内容，比如大家通过浏览器，输入对应的网址，baidu.com、qq.com、taobao.com、zygxsq.cn/daohang 等，就可以直接进入对方的网站。
由于各种各样的原因,各网站通常使用多级代理模式对外开放Web服务,如CDN、Nginx代理等。HTTP/1.1 版本倾向于使用keep-alive长连接进行通信,提高前后端之间的通讯效率。也就是说多个人的流量可能会在前后端之间的同一个tcp会话中传输,另外前后端对于Content-Length和Transfer-Encoding的解析处理方法不同,有可能造成请求污染的情况，直接导致HTTP Smuggling攻击的出现。
简单的说apache httpd和nginx都是web服务器，但两者适应的场景不同，也就是两者专注于解决不同的问题。apache httpd:稳定、对动态请求处理强，但同时高并发时性能较弱，耗费资源多。nginx：高并发处理能力强、擅长处理静态请求、反向代理、均衡负载。在 这篇文章详细列出了apache与nginx的13个异同点，下面我们来一一分析其原理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
