前言:老大要求把项目迁移到公司云环境,在部署整个项目的过程中,由于自己之前并不熟悉Nginx,导致在配置Nginx衔接前后端的过程中一直是步履蹒跚,磕磕绊绊,上周整个项目顺利进入了容器时代,就在这篇公号下,分享一下这段时间自己的Nginx入门。   Nginx是什么?   Nginx (engine x) 是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-18 18:21:13
                            
                                198阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            配置文件中添加includemime.types;default_type application/octet-stream;如果不设置css文件就会被当作text/plain类型发送到浏览器。从而导致css文件无法显示。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 13:44:24
                            
                                1010阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            配置文件中添加includemime.types;default_type application/octet-stream;如果不设置css文件就会被当作text/plain类型发送到浏览器。从而导致css文件无法显示。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-23 16:24:59
                            
                                1502阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            Mac 配置 Nginx并且配置 css 文件的路径简单点,就用 Homebrew 安装 nginx打开你的终端,使用 brew install nginx 直接安装,如下,顺便介绍一点 nginx 的命令:重启: sudo nginx -s reload
启动: sudo nginx
看启动成功没: ps aux | grep nginx
关闭: sudo nginx -s stopnginx.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 13:42:49
                            
                                82阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Nginx是什么? Ngnix是高性能的HTTP和反向代理服务器,处理高并发能力是十分强大的,能经受高负载的考验,有报告表明能支持高达50000个并发连接数Nginx的内容: 正向代理:需要在客户端配置代理服务器进行指定网站的访问 反向代理:暴露的是代理服务器的地址,隐藏了正式服务器的IP地址 负载均衡:增加了服务器的数量,然后将请求分发到各台服务器上,将原先请求集中到的单个服务器上的情况改为将请            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-30 10:18:56
                            
                                227阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录1. 简介2. 安装3. 运行4. Nginx 的典型配置:典型配置示例全局变量5. 反向代理6. 跨域问题6.1、使用反向代理解决跨域6.2、 配置 header 解决跨域7. 开启 gzip 压缩8. 配置负载均衡9. 适配 PC 或移动设备10. 配置 HTTPS11. 常用小技巧1)、静态服务2)、图片防盗链3)、请求过滤4)、配置图片、字体等静态文件缓存5)、单页面项目 histo            
                
         
            
            
            
            作者|ConardLi来源|code 秘密花园公众号   nginx 在应用程序中的作用 
  解决跨域请求过滤配置 gzip负载均衡静态资源服务器nginx 是一个高性能的 HTTP 和反向代理服务器,也是一个通用的 TCP/UDP 代理服务器,最初由俄罗斯人 Igor Sysoev 编写。nginx 现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-28 00:13:26
                            
                                319阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            如果你的表类在 HTML/CSS 中无法被识别或读取,可能有以下几个原因:类名拼写错误:请确保你的表类的名称拼写正确,并且与你在 HTML 中使用的类名一致。类未正确应用:检查你是否正确地将类应用到了表元素上。可以通过查看 HTML 源代码来确认。CSS 文件未正确加载:确保你的 CSS 文件被正确加载到 HTML 页面中。你可以通过检查网页的源代码或查看浏览器的开发者工具来确认。CSS 选择器问            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-02 13:27:14
                            
                                15阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在html的头部加上:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 如果还想继续使用http,就要去掉这一行代码,因为这行代码,我把代码翻了个遍,折腾了一晚上。 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-05 09:14:00
                            
                                1184阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            pm2 用来守护进程,提供了管理、保护、监控、负载均衡等功能,用于管理你的node在线应用。下面是对应操作命令:#安装说明
npm install pm2 -g
#linux 需添加软连接
ln -s node地址/bin/pm2 /user/local/bin/pm2
#启动node服务
pm2 start app.js
#查看所有pm2服务
pm2 list
#暂停
pm2 stop             
                
         
            
            
            
            1、Nginx运行工作进程数量Nginx运行工作进程个数一般设置CPU的核心或者核心数x2。如果不了解cpu的核数,可以top命令之后按1看出来,也可以查看/proc/cpuinfo文件 grep ^processor /proc/cpuinfo | wc -l[root@lx~]# vi/usr/local/nginx1.10/conf/nginx.conf
worker_processes 4            
                
         
            
            
            
            问题背景这两天遇到一个这样的需求: 有两个项目a和b,在a项目中有页面需要调用b中的接口,两项目的域名不同,分别为a.com, b.com。这时候如果直接调用,显然跨域了。一番折腾之后,问题解决了,这里记录一下解决方法。解决方法第一步,解决跨域这个使用Nginx的代理功能即可,在a服务器的Nginx添加如下示例配置:location ~ /xxx/ {
 proxy_pass http://b.c            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-28 21:04:51
                            
                                296阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ios jquery css('left')无法读取属性解决的方法 <pre>$(this).position().left因为display:none状态下是读取不了 $(this).offset().left</pre>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-11-14 12:53:00
                            
                                51阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
                    现象:nginx启动后,js、html可以加载,但是引用的css样式失效。        原因:nginx配置问题        发现过程:        查看引用失效的css文件后发现请求头中Accept为text/css            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-29 08:42:10
                            
                                1099阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【写在前面】vue3在vscode运行正常、build后在IDEA运行正常,但是当部署在服务器上运行发现样式加载不出来,下面我们针对这些情况进行复现与解决。一、问题分析困扰我好久,当即百度原因,百度清一色下面三种情况: 1、nginx配置文件的问题 2、控制台样式404,文件没找到【文件路径错误】 3、样式引入顺序不对存在覆盖 但是我的以上都不是,搞得我头都大,我的居然是java配置拦截的问题;二            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-26 11:18:05
                            
                                431阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            nginx部署程序css正常下载,但是页面却无法正常的显示css前言错误复现解决问题前言最近在研究ant design of vue,基于这个框架写了一套前端的mock的权限架构,刚好遇到某云做活动就买了某云的服务器,准备将自己写的demo例子部署上去跑下看下效果,没想到部署上去,页面可以正常访问可是css下载下来了但是页面去没有正常的渲染,自己在测试环境和本机上都是正常的,通过排查最后才发现...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 13:48:48
                            
                                1375阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            nginx部署程序css正常下载,但是页面却无法正常的显示css前言错误复现解决问题前言最近在研究ant design of vue,基于这个框架写了一套前端的mock的权限架构,刚好遇到某云做活动就买了某云的服务器,准备将自己写的demo例子部署上去            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-11 16:18:05
                            
                                794阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            有很多刚刚接触css的新手有时会遇到css加载失败这个问题,但测试时,网页上没有显示该样式的问题,这就说明CSS加载失败了。出现这种状况一般是因为的css路径书写错,或者是在浏览器中禁止掉了css的加载,可以重新启动浏览器刷新,在文件中css的调用,一般都是通过link加上你的路径来实现,具体可以看下代码:index  //注意好文件名的书写就没问题了。造成css加载失败的原因有很多,这可能跟你代            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-19 16:15:39
                            
                                32阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。一、CSS引入方式1、行内引入方式  行内式是在标记的style属性中设定CSS样式。只能对本标签内的内容进行渲染,这种方式没有体现出CSS的优势,不推荐使用。2、嵌入引入方式  嵌入式是将CSS            
                
         
            
            
            
            上一篇介绍了《菜鸟学习nginx之接收HTTP请求行》,本篇介绍Nginx接收HTTP Header处理流程。一、HTTP Header处理流程处理Header与上一篇处理HTTP请求行很类似,比较容易理解1.1、流程图1.2、代码/**
 * 处理HTTP Header
 * @param rev 读事件
 */
static void
ngx_http_process_request_head            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-12 14:00:39
                            
                                162阅读
                            
                                                                             
                 
                
                                
                    