前言：老大要求把项目迁移到公司云环境，在部署整个项目的过程中，由于自己之前并不熟悉Nginx，导致在配置Nginx衔接前后端的过程中一直是步履蹒跚，磕磕绊绊，上周整个项目顺利进入了容器时代，就在这篇公号下，分享一下这段时间自己的Nginx入门。 Nginx是什么？ Nginx (engine x) 是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代
转载
2024-03-18 18:21:13
198阅读
作者｜ConardLi来源｜code 秘密花园公众号 nginx 在应用程序中的作用
解决跨域请求过滤配置 gzip负载均衡静态资源服务器nginx 是一个高性能的 HTTP 和反向代理服务器，也是一个通用的 TCP/UDP 代理服务器，最初由俄罗斯人 Igor Sysoev 编写。nginx 现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用
转载
2024-08-28 00:13:26
319阅读
目录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
配置文件中添加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阅读
首先在服务器安装nginxsudo apt update
sudo apt install nginx安装完毕后将前端项目打包 webpack.output.publicPath里配置资源基础路径 资源打包出来就是/publicPath开头1.http://www.xxx.com/ publicPath: '/'2.http://www.xxx.com/web publicPath: '/web/
转载
2024-10-24 20:29:33
63阅读
使用nginx 很久了，它的性能高，稳定性表现也很好，得到了很多人的认可。特别是它的配置，有点像写程序一样，每行命令结尾一个";"号，语句块用"{}"括起来。 配制好，直接nginx -t 检查配制情况，配制成功，直接运行：service nginx reload .服务器没有任何宕机情况下，实现平稳修改配置 最近一直在做location 配置，遇到优先级别问题（如果配置不当可能存在安全
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
为tomcat安装nginx反向代理，发现不能加载css及js等文件。
在nginx配置文件里面添加以下内容可解决问题；
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|js|css)$ { root /tomcat/ROOT/; if 
原创
2011-10-18 10:21:01
10000+阅读
Nginx作为web缓存服务器0.7.48版本开始，Nginx支持类似Squid的缓存功能。Nginx的web缓存服务主要由proxy_cache相关命令集合fastcgi_cache相关命令集构成，前者用于反向代理时对后端内容源服务器进行缓存，后者主要用于对FastCGI的动态程序进行缓存。此外，如果不想使用Nginx自带的缓存功能，也可使用第三方模块ngx_slowfs_cache来实现缓存服
转载
2024-03-01 14:39:32
165阅读
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。代码如下: 1 <html xmlns=”http://www.
转载
2024-08-13 16:13:41
41阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
原创
2023-05-19 16:01:00
276阅读
<head runat="server"> <title></title> <style type="text/css"> #btn1{ width: 330px;} #btn2{width: 400px;} #btn3{width: 100px;} </style></head><body> <form i...
原创
2021-09-02 17:08:24
614阅读
Nginx是什么？ Ngnix是高性能的HTTP和反向代理服务器，处理高并发能力是十分强大的，能经受高负载的考验，有报告表明能支持高达50000个并发连接数Nginx的内容： 正向代理：需要在客户端配置代理服务器进行指定网站的访问 反向代理：暴露的是代理服务器的地址，隐藏了正式服务器的IP地址 负载均衡：增加了服务器的数量，然后将请求分发到各台服务器上，将原先请求集中到的单个服务器上的情况改为将请
转载
2024-09-30 10:18:56
227阅读
"我现在是有些图片需要生成缩略图，这个现在加了image_filter这个已经实现了，但我不知道怎么样才能访问我上传的原图"刚开始觉得也不太好弄，让他用程序区处理，实际上稍微动脑筋分析一下也可以不修改程序实现动态生成缩略图且能够访问原图。前提是需要定好图片的访问规则。先来看一下什么是nginx的image filter模块。HttpImageFilterModule用来裁剪过大的图片到指定大小，是
转载
2024-08-07 16:47:53
64阅读
2，丢弃请求体一个模块想要主动的丢弃客户端发过的请求体，可以调用nginx核心提供的ngx_http_discard_request_body()接口，主动丢弃的原因可能有很多种，如模块的业务逻辑压根不需要请求体 ，客户端发送了过大的请求体，另外为了兼容http1.1协议的pipeline请求，模块有义务主动丢弃不需要的请求体。总之为了保持良好的客户端兼容性，nginx必须主动丢弃无用的请求体。下
转载
2024-05-30 08:39:37
103阅读
众所周知，Nginx是一个高性能的web服务器，尤其在高并发和处理静态页面的时候有先天的优势；很大一部分得益于缓存的开启，那么如何开启nginx的缓存呢。简单来说可以分两步：1.定义缓存存储目录并指定共享内存空间2.在location里指定共享内存空间具体实现如下：user www;
worker_processes auto;
events {
worker_connections 4096;
转载
2024-03-08 18:50:11
574阅读
环境：VMware-Workstation-12-Pro，Windows-10，CentOS-7.5，Xshell51 概述如果我们的架构是前端负载均衡后端WEB集群时，可以开启nginx的缓存功能，把静态资源缓存到负载均衡机器上，这样负载均衡机器不用每次都去后端WEB集群获取资源，从而提高效率，当然单台机器开启缓存功能也是一样。2 火速看到效果参考nginx配置[root@lb01 ~]# ho
转载
2024-03-26 07:33:46
213阅读
Nginx之正则表达式、location及rewrite重写一. Nginx之正则表达式二. location1. location常用的匹配规则2. location优先级3. location 示例说明4. 实际网站使用中，至少有三个匹配规则定义1.第一个必选规则2.第二个必选规则3.第三个规则三. rewrite重写1.rewrite跳转实现2.rewrite执行顺序3.rewrite语法
转载
2024-04-06 09:15:23
52阅读
