前言:
如今小伙伴们对“ajax中的tab”大致比较看重,各位老铁们都需要分析一些“ajax中的tab”的相关内容。那么小编同时在网络上收集了一些关于“ajax中的tab””的相关资讯,希望同学们能喜欢,兄弟们一起来了解一下吧!关于动态网页静态化会带来什么优点我就不多介绍了,网上描述的很多了我就不重复。最近我有一个项目有这个需求,nginx充当前端服务器所有的静态内容由nginx分发,后端动态web生成静态内容。
在理想的情况下用户是不会有机会直接访问到后端的动态网站,但是不排除一些极端的情况:例如静态网页文件丢失什么的,所以这时候为了保证服务的继续就需要将用户请求转向后端动态网站。总体上的需求就明确了。
1.nginx处理所有静态内容,包括html、css、js等文件
2.静态网站中可能存在通过ajax方式获取动态网站json数据,因此存在跨域访问的情况
3.当访问静态网站内容出现404错误的时候自动重定向到后端的动态网页
下面我就介绍怎么来配置这么一个简单的访问控制
nginx安装
这个我就不介绍了网上很多,如果你用的gentoo可以看看我前面写的在gentoo下安装配置nginx的文章
在安装nginx的时候请记住要注意一些http模块必须要安装NGINX_MODULES_HTTP=”autoindex fastcgi gzip proxy rewrite”这就是我这里实现这个配置的最小安装
nginx配置
我只是在我本机测试所以动态网站和nginx都在一起,不过动态网站使用的8080端口,nginx使用80端口
下面我们来看nginx配置文件
jacky@gentoo ~ $ sudo vi /etc/nginx/nginx.conf
server { #nginx监听地址为127 listen 127.0.0.1; #本机域名为 server_name ; #默认页面与下面root路径配合为/opt/www/html/63514931624617890配置6/p/0/0.html index 0/0.html; #跨域访问配置 add_header Access-Control-Allow-Origin *; #默认匹配 location / { root /opt/www/html/635149316246178906/p; #这里配置当访问的地址为404时跳转到8080端口的动态网页 error_page 404 $scheme://$server_name:8080$request_uri; } #当有/p/则匹配,同时根据是否有参数重写路径 location /p/ { #root /opt/www/html/635149316246178906/; set $flag $is_args; if ($flag = "?"){ rewrite "^/p\/(\d+)\/" /$1/$arg_StId.html? last; } if ($flag = "") { rewrite "^/p\/(\d+)\/" /$1/$1.html? last; } } location /_db_file/ { proxy_pass $scheme://$server_name:8080$request_uri; } #静态资源文件(css、js)配置 location /static { root /opt/www; } #ajax访问请求 location /ms/playTabsAjax { proxy_pass $scheme://$server_name:8080/ms/playTabsAjax?$args; } #ajax访问请求 location /home/homeIndexAjax { proxy_pass $scheme://$server_name:8080/home/homeIndexAjax; } access_log /var/log/nginx/localhost.access_log main; error_log /var/log/nginx/localhost.error_log info; }
这样我们就完成了一个基础的静态网页与动态网页自动切换的简单配置,当然也可以结合你自己的实际情况进行更详细的配置
标签: #ajax中的tab