nginx静态资源web服务

2021年11月24日 阅读数:5
这篇文章主要向大家介绍nginx静态资源web服务,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

静态资源:非服务器动态运行生成的文件javascript

浏览器端渲染:html ,css,jscss

图片:jpeg,gif,pnghtml

视频:flv ,mpegjava

文件:txt,等任意下载文件node

 

静态资源服务场景:CDNjquery

文件读取高效: sendfile on|offnginx

在sendfile开启的状况下,提升网络包的传输效率,能够打开下面ajax

tcp_nopush on跨域

在keepalive连接下,提升网络包的传输实时性,采用tcp_nodelay on;浏览器

 

在服务器端进行压缩,在浏览器端进行解压

gizp on

压缩比: gizp_come_level 1;

以上的图片是分别对图片,文件,下载进行压缩处理配置

 

 

浏览器缓存:

http协议定义的缓存机制(如:expires,cache-control等)

 

跨站访问

一个浏览器请求服务的时候访问两个域名

这样容易出现CSRF攻击

nginx配置语法

add_header  Access-Control-Allow-Origin

举个列子

在/opt/app/code 我有这么一个页面  test_oringin.html

<html lang="en">
<head>
<meta charset = "UTF-8"/>
<title>测试ajax和跨域访问</title>
<script src = "http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
   $.ajav({
            type:"get",
            url:"http://jeson.psak.com/1.html",
            success:function(data){
                   alert("success");
            },
            error:function(){
                   alert("!error");
            }
          )}; 
)};
</script>
<body>
<h1>测试跨域访问</h1>
</body>
</html>

咱们须要在服务端进行设置

   location ~ .*\.(htm|html)${

      add_header  Access-Control-Allow-Origin *也能够 (http://www.jesonc.com);

      add_header  Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;

      root /opt/app/code;

   }

   }

 

上一篇: 2019-1-2作业练习
下一篇: ubuntu 下安装mulval