配置
本地使用nginx部署前端服务
本地使⽤nginx部署前端服务本地部署前端应⽤我们在开发或解决问题后，需要部署代码到线上进⾏验证，但是有时候去部署环境是可能会直接影响到其他在使⽤环境的⼈。这个时候我们可以⾃⼰本地去部署代码。去模拟在线上运⾏的场景。环境准备1. nginx服务器可以作为服务器的选择有很多。这⾥我们选择最常⽤的nginx下载后，解压到⾃定义⽬录下即可。⽬录如下现在我们去修改下f⽂件ngi...
nginx部署多前端项目的几种方法
nginx部署多前端项⽬的⼏种⽅法个⼈总结了3种⽅法来实现在⼀台服务器上使⽤nginx部署多个前端项⽬的⽅法。基于域名配置基于端⼝配置基于location配置在正式开始之前，我们先来看⼀下nginx安装的默认配置⽂件： /etc/f ⽂件可以看到图中的：include /usr/nginx/modules/*.conf，这句话的作⽤就是可以在nginx启动加载所有 /...
nginx限流熔断机制
nginx限流熔断机制【实用版】1.Nginx 简介 2.限流熔断机制的作用 3.Nginx 的进程机制 4.限流熔断的配置方法 5.性能优化和动态负载 6.高可用性 7.总结正文nginx部署前端项目1.Nginx 简介 ginx 是一款高性能的 Web 服务器，具有访问代理、负载均衡、内容缓存等功能。在客户端访...
umi项目打包优化
umi项⽬打包优化欢迎关注前端早茶，与⼴东靓仔携⼿共同进阶前端早茶专注前端，⼀起结伴同⾏，紧跟业界发展步伐~前⾔umi打包的时候，居然⽤了30分钟。有必要进⾏压缩，经过优化后，从30分钟到4分钟。具体⽅案关键插件和umi版本："umi": "^3.2.24","compression-webpack-plugin": "^6.0.0",在.umirc.ts⽂件添加export default de...
优秀的GitHub开源项目介绍
优秀的GitHub开源项⽬介绍AdminLTE介绍AdminLTE是⼀款建⽴在bootstrap和jquery之上的开源的模板主题⼯具，它提供了⼀系列响应的、可重复使⽤的组件，并内置了多个模板页⾯；同时⾃适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE，我们可以快速的创建⼀个响应式的Html5⽹站。AdminLTE框架在⽹页架构与设计上，有很⼤的辅助作⽤，尤其是前端架构设计师，⽤好Adm...
nginx更改配置client_max_body_size没有生效报413
nginx更改配置client_max_body_size没有⽣效报413springboot已配置了⽂件上传最⼤限制#servlet multipartspring.servlet.multipart.max-file-size=100Mbspring.servlet.multipart.max-request-size=100Mb上传控制器也配置了⽂件上传⼤⼩/**⽂件的展⽰路径由调⽤⽅组合*...
Vue-cli中fig.js的配置详解
Vue-cli中fig.js的配置详解1. Vue-cli2 升级到 Vue-cli3+nginx部署前端项目1.1 卸载旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.> x)，需要先卸载它。npm uninstall vue-cli -g// 或yarn global remove...
服务器集负载均衡(F5、Array、Nginx、LVS、HAProxy)区别以及选型
服务器集负载均衡（F5、Array、Nginx、LVS、HAProxy）区别以及选型PS：Nginx/LVS/HAProxy是⽬前使⽤最⼴泛的三种负载均衡软件，本⼈都在多个项⽬中实施过，参考了⼀些资料，结合⾃⼰的⼀些使⽤经验，总结⼀下。⼀般对负载均衡的使⽤是随着⽹站规模的提升根据不同的阶段来使⽤不同的技术。具体的应⽤需求还得具体分析，如果是中⼩型的Web应⽤，⽐如⽇PV⼩于1000万，⽤Ngin...
nginx处理cookie跨域
nginx处理cookie跨域今天在部署公司项⽬的时候碰到⼀个问题项⽬地址是122:7480项⽬A后台请求地址为123:8080/data-sso开始nginx配置是server {listen 7480;server_name localhost;location /data-sso {proxy_pa...
nginx网站安全漏洞修复
nginx⽹站安全漏洞修复前⾔：公司项⽬交付之前甲⽅进⾏了安全漏洞的扫描。⼤部分漏洞都是因为响应没有加上仿攻击的响应头。记录⼀下漏洞以及解决⽅法1.检测到⽬标URL存在相对路径覆盖(RPO)漏洞该漏洞是因为⼀下原因：--访问当前URL，检测响应头是否配置了x-content-type-options头；--如果没有配置，则检查响应内容，若响应内容是没有DOCTYPE声明的HTML，且存在引⽤的cs...
前端跨域,nginx反向代理的解决方案
前端跨域，nginx反向代理的解决⽅案前端跨域，nginx反向代理的解决⽅案现在越来越多的公司开始使⽤前后端分离的技术，⽽盲⽬的分离是不理智的，跨域也是第⼀难题。我的第⼀份⼯作就是公司第⼀个以前端开发者的⾝份⼊职，此时公司所有的项⽬都已正式运⾏了（项⽬太多，结构复杂，团队分散，后台不能改）先了解⼀下为什么跨域：1.浏览器先根据同源策略对前端页⾯和后台交互地址做匹配，若同源，则直接发送数据请求；若不...
若依框架接入前端报错401请求访问:error,认证失败,无法访问系统资源...
若依框架接⼊前端报错401请求访问：error，认证失败，⽆法访问系统资源，有可能是这个原因⾃定义的api、按照官⽅的配置跨域⼀、三种⽅式配置跨域-官⽅代码1、单个控制器⽅法CORS注解@RestController@RequestMapping("/system/test")public class TestController {@CrossOrigin@GetMapping("/{id}")...
微前端问题汇总
微前端问题汇总前⾔微前端是搭建起来了，但是要⽤起来啊，把原来的⼏个项⽬集成进来的过程遇到问题总结。零、沙箱设置的简单理解strictStyleIsolation = false可以获取到⼦应⽤的dom节点，主应⽤可修改⼦应⽤样式，但是⼦应⽤不可修改主应⽤的样式。需要注意样式不能冲突。strictStyleIsolation = true样式严格分离，不可获取到⼦应⽤的dom节点。⼀、vue-cli...
Nginx负载均衡的max_fails和fail_timeout的默认配置问题
Nginx负载均衡的max_fails和fail_timeout的默认配置问题今天发现⼀个奇怪的现象，前端请求后端服务多次后会超时⼀次，经过多次验证确定是⼤概10s左右就会超时⼀次，检查后端服务，发现其中⼀个节点已经夯死。但是我们的nginx负载均衡策略是轮询机制，按照配置来看应该是每隔⼀次请求轮询到失败的节点时超时⼀次才对。为什么是每隔10s超时⼀次呢？upstream app_server {...
Nginx域名转发配置
events {worker_connections 1024;}http {include pes;default_type application/octet-stream;sendfile on;tcp_nopush on;keep...
nginx访问日志配置及访问日志切割实战
nginx访问⽇志配置及访问⽇志切割实战前⾔环境：centos 7.9 nginx version: nginx/1.18.0nginx会将每个⽤户访问⽹站的⽇志信息保存在/usr/local/nginx/logs/access.log中，这些访问⽇志信息都是为了供⽹站提供者分析⽤户的浏览⾏为，此⽇志功能是由ngx_http_log_module模块提供的。nginx访问⽇志语法配置说明（ acc...
docker部署nginx使用keepalived部署高可用
docker部署nginx使⽤keepalived部署⾼可⽤⼀．体系架构在Keepalived + Nginx⾼可⽤负载均衡架构中，keepalived负责实现High-availability (HA) 功能控制前端机VIP（虚拟⽹络地址），当有设备发⽣故障时，热备服务器可以瞬间将VIP⾃动切换过来，实际运⾏中体验只有2秒钟切换时间，DNS服务可以负责前端VIP的负载均衡。nginx负责控制后端...
nginx调用php-fpm出错解决方法和nginx配置详解
nginx调⽤php-fpm出错解决⽅法和nginx配置详解装完了nginx和php-5.5，配置好了nginx调⽤php后，就开始启动php-fpm。使⽤下⾯的命令复制代码代码如下:/usr/local/php/sbin/php-fpm就可以启动了。在nginx的⽬录中创建个php的检测脚本index.php悲剧的发现居然⽆法打开。查看⽇志⽂件，看了下报错原因复制代码代码如下:2013/07/0...
laravel教程
laravel教程1 创建laravel项⽬创建laravel项⽬，需要使⽤composer⼯具，所以需要先安装composer，。然后使⽤命令⾏进⾏安装，安装命令如下：composer create-project laravel/laravel {project-name}{laravel version} --prefer-dist {project-path}# ex. composer...
前端开发中的代理与反向代理服务器配置与使用方法
前端开发中的代理与反向代理服务器配置与使用方法前端开发是构建网站和应用程序用户界面的过程，它负责处理用户与网站之间的交互和数据传输。在开发过程中，我们经常需要与后端API进行通信，并且会遇到一些跨域的问题，这时候代理和反向代理服务器就会派上用场。一、代理服务器的概念与配置方法代理服务器是位于客户端和目标服务器之间的服务器，充当了中间人的角。通过代理服务器，我们可以将客户端的请求转发到目标服务器，...
Nginx作为反向代理时传递客户端IP的设置方法
Nginx作为反向代理时传递客户端IP的设置⽅法nginx默认配置⽂件⾥⾯是没有进⾏⽇志转发配置的，这个需要我们⾃⼰⼿动来操作了，当然后端的real server不同时操作⽅法是不⼀样的，这⾥我们分别例举⼏种情况来说明⼀下。nginx做前端，转发⽇志到后端nginx服务器：因为架构的需要采⽤多级 Nginx 反向代理，但是后端的程序获取到的客户端 IP 都是前端 Nginx 的 IP，问题的根源在...
Nuxt.js实现一个SSR的前端博客的示例代码
Nuxt.js实现⼀个SSR的前端博客的⽰例代码为什么要⽤Nuxt.js公司现有的项⽬只有落地页是通过前端本⾝server读取pug⽂件进⾏服务端渲染的，当然是为了⾸屏加载速度以及SEO。Nuxt.js 是⼀个基于Vue.js的通⽤应⽤框架，预设了利⽤Vue.js开发服务端渲染的应⽤所需要的各种配置，只需要安装官⽅⽂档的要求进⾏开发，就可以很好的解决SSR的问题。我们以⼀个简单的博客为例，来实践⼀...
004-nginx简介、安装配置【源码安装和mac安装】、基本使用
004-nginx简介、安装配置【源码安装和mac安装】、基本使⽤⼀、概述1.1、Nginx是什么 Nginx是⼀款轻量级的Web服务器，也是⼀款轻量级的反向代理服务器【常⽤】。1.2、Nginx能⼲什么Nginx能⼲的事情很多，这⾥简要罗列⼀些： 1：直接⽀持Rails和PHP的程序 2：作为HTTP反向代理服务器 3：作为负载均衡服务器 ...
1.【最原始】如何通过网址nginx访问html
1.【最原始】如何通过⽹址nginx访问html 我们如何通过⽹页访问⼀个html我们需要⼀台服务器-nginx-apach-IIS前端-⽹页HTMLCSSJavaScript如何搞⼀个⽹页关于我们的诉求，我们如何实现1.我们改nginx的配置⽂件，改为我们想访问的html页⾯2.下⾯是⼀些Mac nginx的知识，主要是启动，重新加载nginx的配置⽂件路径：/usr/local/etc/ngi...
FastadminShopro从零部署,搭建过程
图⽚.png 图⽚.png图⽚.png图⽚.png 4. 配置站点运⾏⽬录图⽚.png5. 开始安装fastadmin6. 配置站点ssl证书图⽚.png 7. 安装shopro插件nginx部署前端项目前端部署1. 安装HbuilderX2. 下载前端代码包到本地图⽚.png3. 在 HbuilderX 打开图⽚.png4. 点击顶部菜单运⾏->运⾏到浏览器-> chr om e 【...
vue打包生成的文件的js文件过大的优化方式
vue打包⽣成的⽂件的js⽂件过⼤的优化⽅式⽬录vue打包⽣成的js⽂件过⼤优化1.组件按需加载2.去掉⽣成map⽂件3.cdn引⼊4.路由懒加载5.代码压缩6.最后nginx部署前端项目项⽬打包之后js⽂件太⼤问题问题描述1.使⽤cdn引⼊不怎么改变的第三⽅库2.使⽤vue的懒加载3.服务器和前端配置开启压缩vue打包⽣成的js⽂件过⼤优化1.组件按需加载现在⼤多的ui库都是以组件的形式进⾏处理...
Nginx代理前端代码
Nginx代理前端代码Nginx 安装配置Nginx("engine x")是⼀款是由俄罗斯的程序设计师Igor Sysoev所开发⾼性能的 Web和反向代理服务器，也是⼀个 IMAP/POP3/SMTP 代理服务器。在⾼连接并发的情况下，Nginx是Apache服务器不错的替代品。Nginx 安装系统平台：CentOS 64位。⼀、安装编译⼯具及库⽂件yum -y install make zl...
Docker镜像+nginx部署vue项目的方法
Docker镜像+nginx部署vue项⽬的⽅法⼀、打包vue项⽬ 在开发完的vue项⽬输⼊如下命名，打包⽣成dist⽂件夹yarn build / npm run build 此时根⽬录会多出⼀个⽂件夹：dist⽂件夹，⾥⾯就是我们要发布的东西。 如果将该dist⽬录整个传到服务器上，部署成静态资源站点就能直接访问到该项⽬。⼆、获取nginx 镜像 ...
网站部署(一)nginx安装与配置
⽹站部署（⼀）nginx安装与配置⽬录标题⼀、 Nginx介绍Nginx是⼀款轻量级的Web 服务器/反向代理服务器及电⼦邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发⾏。其特点是占有内存少，并发能⼒强，事实上nginx的并发能⼒在同类型的⽹页服务器中表现较好，中国⼤陆使⽤nginx⽹站⽤户有：百度、京东、新浪、⽹易、腾讯、淘宝等。⼆、下载地址：三、⽬录结构需要解压到英⽂路径下...
java微服务项目部署(政务内网)
java微服务项⽬部署（政务内⽹）前⾔：在某些项⽬上，为了安全，是只能部署在内⽹⾥，因此不能访问互联⽹，导致服务器很多命令不能⽤，环境都只能⾃⼰安装，此次部署是微服务单体部署（springcloud Alibaba），基于centos7服务器⼀、mysql5.7安装1、资源下载npm安装mysql（百度⽹盘分享，如果过期，请提⽰下）提取码：mri12、已打好tar包，直接上传到centos进⾏解压...
