《前端运维》中Nginx如何高效处理静态资源及实现跨域配置?

2026-05-22 14:441阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计564个文字,预计阅读时间需要3分钟。

《前端运维》中Nginx如何高效处理静态资源及实现跨域配置?

一、静态资源服务+首先,静态资源通常是指客户端发起请求到Web服务器,服务器从内存中取出相应文件,返回给客户端,客户端解析并显示。

动态资源呢?则是客户端发起请求,服务器执行代码,生成HTML内容,再返回给客户端解析并显示。

一、静态资源服务

  首先,静态资源一般是指客户端发送请求到Web服务器,web服务器从内存中取得相应的文件,返回给客户端,客户端解析并渲染出来。动态资源呢,则是由客户端发起请求,先交由web容器,web容器连接数据库,数据库处理数据之后,将内容交给web服务器,web服务器返回给客户端解析并渲染。

  一般的静态资源有:HTML、CSS、JS、JPEG、PNG、MPEG、Word、EXCEL等。

  CDN的全称是Content Delivery Network,即内容分发网络。CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。

《前端运维》中Nginx如何高效处理静态资源及实现跨域配置?

一、配置语法

1、sendfile

  不经过用户内核发送文件。

语法:

Syntax: sendfile on / off; Default: sendfile off Context: 127.0.0.1:8080; add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS; root /data/json; }

  然后再index.html里请求这个json:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <body> <script> let xhr = new XMLHttpRequest(); xhr.open('GET', '115.29.148.6/user.json', true); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } } xhr.send(); </script> </body> </html>

  然后呢,我们可以在本地启动一个115.29.148.6/kf.jpg curl -v -e "www.baidu.com" 115.29.148.6/kf.jpg

  好啦,今天就到这里,后面还有一篇文章,学学代理和重定向啥的。

站在巨人的肩膀上,希望我可以看的更远。

本文共计564个文字,预计阅读时间需要3分钟。

《前端运维》中Nginx如何高效处理静态资源及实现跨域配置?

一、静态资源服务+首先,静态资源通常是指客户端发起请求到Web服务器,服务器从内存中取出相应文件,返回给客户端,客户端解析并显示。

动态资源呢?则是客户端发起请求,服务器执行代码,生成HTML内容,再返回给客户端解析并显示。

一、静态资源服务

  首先,静态资源一般是指客户端发送请求到Web服务器,web服务器从内存中取得相应的文件,返回给客户端,客户端解析并渲染出来。动态资源呢,则是由客户端发起请求,先交由web容器,web容器连接数据库,数据库处理数据之后,将内容交给web服务器,web服务器返回给客户端解析并渲染。

  一般的静态资源有:HTML、CSS、JS、JPEG、PNG、MPEG、Word、EXCEL等。

  CDN的全称是Content Delivery Network,即内容分发网络。CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。

《前端运维》中Nginx如何高效处理静态资源及实现跨域配置?

一、配置语法

1、sendfile

  不经过用户内核发送文件。

语法:

Syntax: sendfile on / off; Default: sendfile off Context: 127.0.0.1:8080; add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS; root /data/json; }

  然后再index.html里请求这个json:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <body> <script> let xhr = new XMLHttpRequest(); xhr.open('GET', '115.29.148.6/user.json', true); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } } xhr.send(); </script> </body> </html>

  然后呢,我们可以在本地启动一个115.29.148.6/kf.jpg curl -v -e "www.baidu.com" 115.29.148.6/kf.jpg

  好啦,今天就到这里,后面还有一篇文章,学学代理和重定向啥的。

站在巨人的肩膀上,希望我可以看的更远。