2-nginx-静态-防盗-跨域

最新推荐文章于 2024-07-23 13:00:00 发布
最新推荐文章于 2024-07-23 13:00:00 发布
阅读量581 收藏
点赞数
分类专栏： Nginx专栏 文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60700102/article/details/125642952
版权

小案例

需求如下

（1）有如下访问：
    http://192.168.47.8:8081/server1/location1
        访问的是：index_sr1_location1.html
    http://192.168.47.8:8081/server1/location2
        访问的是：index_sr1_location2.html
    http://192.168.47.8:8082/server2/location1
        访问的是：index_sr2_location1.html
    http://192.168.47.8:8082/server2/location2
        访问的是：index_sr2_location2.html
（2）如果访问的资源不存在，
    返回自定义的404页面
（3）将/server1和/server2的配置使用不同的配置文件分割
    将文件放到/home/www/conf.d目录下，然后使用include进行合并
（4）为/server1和/server2各自创建一个访问日志文件

把原有的nginx.conf 配置文件备份

[root@Nginx-1 conf]# ls
fastcgi.conf            koi-win             scgi_params
fastcgi.conf.default    mime.types          scgi_params.default
fastcgi_params          mime.types.default  uwsgi_params
fastcgi_params.default  nginx.conf          uwsgi_params.default
koi-utf                 nginx.conf.default  win-utf
[root@Nginx-1 conf]# pwd
/usr/local/nginx/conf
[root@Nginx-1 conf]# cp nginx.conf.default nginx.conf #通过模板生成新的配置文件

创建如下目录

[root@Nginx-1 sbin]# tree /home/www/
/home/www/
├── conf.d # 创建
│?? ├── server1.conf # 创建
│?? └── server2.conf# 创建
└── myweb# 创建
    ├── 404.html# 创建
    ├── server1# 创建
    │?? ├── location1# 创建
    │?? │?? └── index_sr1_location1.html# 创建
    │?? ├── location2# 创建
    │?? │?? └── index_sr1_location2.html# 创建
    │?? └── logs# 创建
    │??     └── access.log# 创建
    └── server2# 创建
        ├── location1# 创建
        │?? └── index_sr2_location1.html# 创建
        ├── location2# 创建
        │?? └── index_sr2_location2.html# 创建
        └── logs# 创建
            └── access.log# 创建

10 directories, 9 files
[root@Nginx-1 sbin]#

配置主配置文件

/usr/local/nginx/conf/nginx.conf


##全局块 begin##
#配置允许运行Nginx工作进程的用户和用户组 www
user www;

#配置运行Nginx进程生成的worker进程数2
worker_processes 2;

#配置Nginx服务器运行对错误日志存放的路径  错误日志会存放在安装目录下的logs/error.log
error_log logs/error.log; //
#配置Nginx服务器允许时记录Nginx的master进程的PID文件路径和名称
pid logs/nginx.pid;

#配置Nginx服务是否以守护进程方法启动 默认不配置也是on
#daemon on;  
##全局块 end##


##events块 begin##
events{
    #设置Nginx网络连接序列化
    accept_mutex on;

    #设置Nginx的worker进程是否可以同时接收多个请求
    multi_accept on;

    #设置Nginx的worker进程最大的连接数
    worker_connections 1024;

    #设置Nginx使用的事件驱动模型
    use epoll;
}
##events块 end##


##http块 start##
http{
    #定义MIME-Type
    include mime.types;
    default_type application/octet-stream;

    #配置允许使用sendfile方式运输 提升静态资源访问效率
    sendfile on; 

    #配置连接超时时间
    keepalive_timeout 65;

    #配置请求处理日志格式 
    log_format server1 '===>server1 access log';
    log_format server2 '===>server2 access log';

    ##server块 开始##
    include /home/www/conf.d/*.conf; #下面的配置文件在这个路径下
    ##server块 结束##
}
##http块 end##

分别配置两个nginx页面配置文件

vim /home/www/conf.d/server1.conf

server {
        listen 8081;
        servername localhost;
        access_log /home/www/myweb/server1/logs/access.log server1 ;
        location /server1/location1{
        root /home/www/myweb;
        index index_sr1_location1.html
        }
        error_page 404 /404.html;
        location = /404.html {
                root /home/www/myweb;
                index 404.html;
        }

}

或者配置成这样

server{
        #配置监听端口和主机名称
        listen 8081;
        server_name localhost;
        #配置请求处理日志存放路径
        access_log /home/www/myweb/server1/logs/access.log server1;
        #配置错误页面
        error_page 404 /404.html;
        #配置处理/server1/location1请求的location
        location /server1/location1{
            root /home/www/myweb;
            index index_sr1_location1.html;
        }
        #配置处理/server1/location2请求的location
        location /server1/location2{
            root /home/www/myweb;
            index index_sr1_location2.html;
        }
        #配置错误页面转向
        location = /404.html {
            root /home/www/myweb;
            index 404.html;
        }
}

vim /home/www/conf.d/server2.conf

server{
        #配置监听端口和主机名称
        listen 8082;
        server_name localhost;
        #配置请求处理日志存放路径
        access_log /home/www/myweb/server2/logs/access.log server2;
        #配置错误页面,对404.html做了定向配置
        error_page 404 /404.html;
        #配置处理/server1/location1请求的location
        location /server2/location1{
            root /home/www/myweb;
            index index_sr2_location1.html;
        }
        #配置处理/server2/location2请求的location
        location /server2/location2{
            root /home/www/myweb;
            index index_sr2_location2.html;
        }
        #配置错误页面转向
        location = /404.html {
            root /home/www/myweb;
            index 404.html;
        }
    }

写入网页内容

[root@Nginx-1 conf.d]# echo "index_sr2_location1.html server "> /home/www/myweb/server2/location1/index_sr2_location1.html
[root@Nginx-1 conf.d]# echo "index_sr2_location2.html server "> /home/www/myweb/server2/location2/index_sr2_location2.html

[root@Nginx-1 conf.d]# echo "index_sr1_location1.html server "> /home/www/myweb/server1/location1/index_sr1_location1.html
[root@Nginx-1 conf.d]# echo "index_sr1_location2.html server "> /home/www/myweb/server1/location2/index_sr1_location2.html
[root@Nginx-1 conf.d]# echo "404 error "> /home/www/myweb/404.html

测试nginx配置文件合规

[root@Nginx-1 sbin]# pwd
/usr/local/nginx/sbin
[root@Nginx-1 sbin]# ./nginx -t
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful
[root@Nginx-1 sbin]#

image-20220620144004972

image-20220620144028382

image-20220620144110543

image-20220620144135815

image-20220620144157240

image-20220620144216901

每访问一次 就有一条日志输出

image-20220620153738347

Nginx配置成系统服务

(1) 在/usr/lib/systemd/system目录下添加nginx.service,内容如下:

vim /usr/lib/systemd/system/nginx.service
[Unit]
Description=nginx web service
Documentation=http://nginx.org/en/docs/
After=network.target

[Service]
Type=forking
PIDFile=/usr/local/nginx/logs/nginx.pid
ExecStartPre=/usr/local/nginx/sbin/nginx -t -c /usr/local/nginx/conf/nginx.conf
ExecStart=/usr/local/nginx/sbin/nginx
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s stop
PrivateTmp=true

[Install]
WantedBy=default.target

(2)添加完成后如果权限有问题需要进行权限设置

chmod 755 /usr/lib/systemd/system/nginx.service

(3)使用系统命令来操作Nginx服务

启动: systemctl start nginx
停止: systemctl stop nginx
重启: systemctl restart nginx
重新加载配置文件: systemctl reload nginx
查看nginx状态: systemctl status nginx
开机启动: systemctl enable nginx

可以正常使用命令

[root@Nginx-1 ~]# systemctl start nginx
[root@Nginx-1 ~]# systemctl status nginx
● nginx.service - nginx web service
   Loaded: loaded (/usr/lib/systemd/system/nginx.service; disabled; vendor preset: disabled)
   Active: active (running) since 一 2022-06-20 15:46:06 CST; 5s ago
     Docs: http://nginx.org/en/docs/
  Process: 1199 ExecStart=/usr/local/nginx/sbin/nginx (code=exited, status=0/SUCCESS)
  Process: 1198 ExecStartPre=/usr/local/nginx/sbin/nginx -t -c /usr/local/nginx/conf/nginx.conf (code=exited, status=0/SUCCESS)
 Main PID: 1201 (nginx)
   CGroup: /system.slice/nginx.service
           ├─1201 nginx: master process /usr/local/nginx/sbin/nginx
           ├─1202 nginx: worker process
           └─1203 nginx: worker process

6月 20 15:46:06 Nginx-1 systemd[1]: Starting nginx web service...
6月 20 15:46:06 Nginx-1 nginx[1198]: nginx: the configuration file /...k
6月 20 15:46:06 Nginx-1 nginx[1198]: nginx: configuration file /usr/...l
6月 20 15:46:06 Nginx-1 systemd[1]: Failed to parse PID from file /u...t
6月 20 15:46:06 Nginx-1 systemd[1]: Started nginx web service.
Hint: Some lines were ellipsized, use -l to show in full.

Nginx命令配置到系统环境

[root@Nginx-1 ~]# /usr/local/nginx/sbin/nginx -V
nginx version: nginx/1.16.1
built by gcc 4.8.5 20150623 (Red Hat 4.8.5-44) (GCC) 
configure arguments:
[root@Nginx-1 ~]# nginx -v
-bash: nginx: 未找到命令
[root@Nginx-1 ~]#

(1)修改/etc/profile文件

vim /etc/profile
在最后一行添加
export PATH=$PATH:/usr/local/nginx/sbin

(2)使之立即生效

source /etc/profile

(3)执行nginx命令

[root@Nginx-1 ~]# vim /etc/profile
[root@Nginx-1 ~]# source /etc/profile
[root@Nginx-1 ~]# nginx -v
nginx version: nginx/1.16.1
[root@Nginx-1 ~]#

Nginx静态资源部署

Nginx静态资源概述

我们请求的内容就分为两种类型，一类是静态资源、一类是动态资源。 静态资源即指在服务器端真实存在并且能直接拿来展示的一些文件，比如常见的html页面、css文件、js文件、图 片、视频等资源； 动态资源即指在服务器端真实存在但是要想获取需要经过一定的业务逻辑处理，根据不同的条件展示在页面不同 这 一部分内容，比如说报表数据展示、根据当前登录用户展示相关具体数据等资源；

Nginx处理静态资源的内容，我们需要考虑下面这几个问题：

（1）静态资源的配置指令 （2）静态资源的配置优化 （3）静态资源的压缩配置指令 （4）静态资源的缓存处理 （5）静态资源的访问控制，包括跨域问题和防盗链问题

Nginx静态资源的配置指令

一下指令 通过nginx访问静态资源的时候会用到，但不是nginx为配置静态资源的而设置的专用指令。

listen指令

listen:用来配置监听端口。
最低0.47元/天 解锁文章
机猿巧合.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Nginx服务器配置实例.有如下访问： http://192.168.32.129:8081/server1/location1 访问的是：index_sr1_location1.html h
weixin_43765186的博客
06-11 1000
一、Nginx服务器配置实例 任务： 1.有如下访问： http://192.168.32.129:8081/server1/location1 访问的是：index_sr1_location1.html http://192.168.32.129:8081/server1/location2 访问的是：index_sr1_location2.html http://192.168.32.129:8082/server2/location1 访问的是：index_sr2_location1
nginx搭建静态文件服务器支持跨域配置
wo_buzhidao的博客
01-13 1412
** nginx搭建静态文件服务器支持跨域配置 ** 在server模块中添加配置： add_header 'Access-Control-Allow-Origin' '*'; server { listen 80; add_header 'Access-Control-Allow-Origin' '*'; location /filedata { alias D:\NginxData; all
Nginx静态资源跨域访问
clyu的博客
01-24 2841
一、什么是跨域 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 二、Nginx静态资源跨域访问设置 使用模块名称是ngx_http_headers_module 指令: add_header name value [always]; 可存在位置：http, server, location, if in location 作用：添加 http 响应头的。 如果响应代码等于200、201（1.3.10），204、206、301、302、303、304、307 或30
vue2.0下的spa整体方案（五）-后端配置
蛋疼的NICK
02-09 602
server { listen 80; server_name dev.spademo.com ; index index.html index.htm index.php default.html default.htm default.php; root /home/www/gitlab/framework/resource/api/public; l...
入门Nginx之-静态资源服务器及跨域配置
Heartsuit的博客
04-29 3729
简介 这里静态资源就以之前的一个项目文章地址为例，源码 Github，项目本身很简单，只是分别对第三方的服务端、自己的服务端发起请求。 不论是调用第三方服务端接口，还是自己的后端服务，如果跨域未在服务器端处理，那么 Vue 部署时需要在生产环境下处理跨域。下面以 Windows 为例，采用 Nginx 两个步骤，来实现针对 Vue 项目的静态资源服务器及跨域配置。 Notes: 补充一...
ingress-nginx-controller-1.9.yaml
10-18
对于 "nginx-tomcat-svc-ingress.yaml" 和 "nginx-tomcat-deploy.yaml"，同样使用 `kubectl apply` 命令进行部署，以启动 Tomcat 应用并设置其 Ingress 规则。 验证配置是否生效的方法有很多，例如，你可以使用 `...
lua-nginx-module-0.10.13
07-18
《深入理解Lua-Nginx-Module 0.10.13》 Lua-Nginx-Module，简称lua-nginx-module，是Nginx服务器的一个重要扩展模块，它将强大的Lua脚本语言集成到Nginx中，允许用户在Nginx配置文件中直接编写Lua代码，极大地增强...
fastdfs-nginx-module.zip
03-22
2. **Nginx的集成**：`fastdfs-nginx-module`使得Nginx可以识别并解析FastDFS的文件路径格式，这种格式通常包含组名、卷名和文件ID。通过配置Nginx的服务器块，我们可以指定FastDFS的URL路径规则，使得HTTP请求能够...
ingress-nginx-controller（含镜像和代码）.rar
10-28
2. ingress-nginx-controller 检查请求中的 Host 和 URL，根据配置的 Ingress 规则匹配目标服务。 3. 如果匹配成功，controller 将请求路由到对应的服务，并可能进行额外的操作，如 SSL 解密、重写 URL 等。 4. ...
fastdfs-nginx-module-1.24
02-07
2. 下载 FastDFS-nginx-module：获取最新的 1.24 版本源码包，并解压到指定目录。 3. 编译和安装模块：将模块编译进 Nginx，通常涉及到修改 Nginx 的配置文件，添加模块路径。 4. 配置 Nginx：配置 Nginx 的 server ...
跨域 服务器 配置文件,Nginx配置服务器静态文件支持跨域访问
weixin_30496999的博客
08-12 286
原标题：Nginx配置服务器静态文件支持跨域访问在server中配置add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Headers X-Requested-With;add_header Access-Control-Allow-Methods GET,POST,OPTIONS;Apache支持跨域S...
nginx配置静态资源允许跨域访问
x871752024的博客
02-08 2771
【代码】nginx配置静态资源允许跨域访问。
Nginx映射本地静态资源时，浏览器提示跨域问题解决
BADAO_LIUMANG_QIZHI的博客
11-27 1459
场景 本地html中请求磁盘中的静态资源文件，可以使用Nginx做静态资源映射， 可以将本地磁盘文件映射为网络url。可是由于浏览器的跨域机制会提示： from orihin 'null' has been blocked by CROS policy: Cross origin requersts are only supported for.... 注： 博客：BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主.
nginx解决静态页面中ajax跨域方案配置
weixin_45547638的博客
09-06 1508
有些老项目遗留的静态页面使用jquery中ajax 又不想使用webpack或者gulp启动，用Nginx配置跨域问题。然后进入nginx\conf下的 nginx.conf 下 使用编辑器vscode或者其他编辑器打开进行配置信息修改。配置好后使用命令 nginx -s reload （在nginx文件夹下启动cmd终端后输入命令重启Nginx）然后在浏览器输入localhost:4000 出现如下图信息这Nginx配置成功。配置完成后重启Nginx cmd中输入命令nginx -s reload。
Docker Compose V2 安装 ClickHouse v20.6.8.5 经验分享
我不懂，可我不傻
07-23 754
ClickHouse 是一款开源的分布式列式数据库管理系统，专门设计用于高性能的大数据分析和查询。目前项目中用到的一个场景是将mongo的数据同步到clickhouse，使用clickhouse做报表，后续也将分享同步和使用方案使用 Docker Compose 部署单机版，小项目和自己测试够用了，生产使用集群，基于此方案后续有需要我再尝试整理自定义配置文件文档，自定义放到 config.d/.xml，用户配置放到 users.d/.xml添加集群配置文件：metrika.xml (单机版)
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
cykooz.resizer-3.0.0-cp310-cp310-macosx_11_0_arm64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]Delphi题库管理与试卷自动生成系统.zip
最新发布
07-27
[毕设]Delphi题库管理与试卷自动生成系统
fastdfs-nginx-module 配置跨域
07-29
根据提供的引用内容，fastdfs-nginx-module的配置跨域可以通过在nginx的配置文件中增加以下配置来实现\[3\]。具体配置如下： ``` location / { add_header Access-Control-Allow-Origin *; add_header Access-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

机猿巧合.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值