一.项目部署1.router(history)模式vue项目部署到nginx(1)部署在根目录1)修改router模式为history(默认为hash)const router = new VueRouter({ routes, mode: 'history' });对路由模式不清楚的小伙伴,可以看这篇vue-router路由模式详解2)修改config/index.js,build下静态
转载 2024-04-29 09:47:54
1497阅读
一、在windows系统上安装Nginx下载地址:http://nginx.org/en/download.html 将其解压到你自己的文件夹中,比如:C:\nginx-1.25.2。注意nginx的解压路径不能存在中文,否则nginx服务会无法正常启动的哈。解压后目录如下:二、启动nginx方法:运行cmd,使用命令进行操作,不要直接双击nginx.exe,不要直接双击nginx.exe,不要直
转载 2024-10-22 10:47:30
302阅读
Nginx快速入门_3:反向代理实例之部署Vue项目零、前提1.后端已经部署,我部署在8081端口 2.nginx已经安装 3.前端项目在本地已经能实现前端的跨域一、VUE项目的打包1.1修改在config中的index.js文件 在里面的build对象中,修改assetsPublicPath为’./’ (注:这样,打包出来的页面就不是空白)1.2修改在build中的utils.js文件(可能非必
转载 2024-05-25 20:34:02
563阅读
WEB的网页缓存分析xChrome会自动本次缓存Nginx的本地资源nginx在1.0之后的版本,当处理本地资源文件的时候,会自动追加Etag和Last-modified头部信息Chrome在收到一个资源携带了Date和Last-Modified头部,同时,没有Expires头部,会自动决定过期策略,简单的规则有个例子,不确定正确性,但是Chrome就是会保持这个过期策略,下次请求的时候会直接
问题背景a.浏览器端在每次发布新的版本时候,总会出现因为单页面项目中index.html文件(200 ok from disk cache 不发送请求,直接取用了本地磁盘缓存)和服务端版本不一致的问题,导致用户不能及时更新,需要通过手动刷新来强制从服务端更新文件。b.补充一下,服务端和浏览器之间架构。三级缓存问题上述,我们看到浏览器没有发出请求直接从磁盘中取出index.html文件,这其实是二级
需求在开发vue的项目中有遇到了这样一个需求:一个视频列表页面,展示视频名称和是否收藏,点击进去某一项观看,可以收藏或者取消收藏,返回的时候需要记住列表页面的页码等状态,同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面,也就是进入的时候是视频列表页面的第一页 一句话总结一下: pageAList->pageADetail->pageAList,
文章目录php源码编译PHP-FPM构建传统缓存策略构建高速缓存ngixn ->memcachenginx日志可视化 php源码编译下载安装包解压安装php[root@server1 ~]# yum install -y bzip2 [root@server1 ~]# tar jxf php-7.4.12.tar.bz2安装依赖项,编译后安装[root@server1 ~]# yum in
转载 2024-07-02 15:08:44
91阅读
nginx缓存cache的几种方式 1、nginx的proxy_cache功能从nginx-0.7.44版开始,nginx支持了类似squid较为正规的cache功能。这个缓存是把链接用md5编码hash后保存,所以它可以支持任意链接,同时也支持404/301/302这样的非200状态。配置:首先配置一个cache空间(在http之下):proxy_cache_path /xok/to/cache
转载 2024-03-08 18:42:43
63阅读
web缓存位于内容源Web服务器和客户端之间,当用户访问一个URL时,Web缓存服务器会去后端Web源服务器取回要输出的内容,然后,当下一个请求到来时,如果访问的是相同的URL,Web缓存服务器直接输出内容给客户端,而不是向源服务器再次发送请求.Web缓存降低了内容源Web服务器,数据库的负载,减少了网络延迟,提高了用户访问的响应速度,增强了用户体验. Nginx的Web缓存服务主要由p
转载 2024-03-06 21:41:55
83阅读
上篇文章介绍了Nginx一个较为重要的知识点:Nginx实现接口限流。本篇文章将介绍Nginx另一个重要知识点:Nginx缓存原理。其实说到缓存技术大家应该都不会很陌生,缓存技术的基本思想其实是对用户已经访问过的内容在Nginx建立副本,如果在一段时间内(缓存尚未过期)再次访问该数据,则不需要重新发起请求获取数据,可以直接从缓存中读取到该数据,好处在于减少了Nginx与后端服务之间的
  1、浏览器缓存原理  我们都知道浏览器是有缓存的,有了缓存,客户端不会每次都去请求服务端,这样能减轻服务器的压力,并且使浏览器的读取速度更快。浏览器缓存是基于HTTP协议定义的缓存机制(如:Expires,Cache-control等)实现的。浏览器会根据一定的规则校验缓存是否可用。浏览器访问服务端时会去临时文件夹中查找是否有临时文件,如果没有,会请求服务器。如果有的话就会就行缓存校验,浏览器
转载 2024-03-18 17:02:08
70阅读
文章目录Nginx基本功能与代理定义Nginx反向代理工作原理应用场景示例配置Nginx正向代理工作原理应用场景示例配置反向代理与正向代理的区别Nginx负载均衡算法Nginx缓存策略静态内容缓存代理缓存缓存优化策略Nginx高级安全设置动态内容缓存策略动态内容缓存配置动态内容缓存优化 Nginx基本功能与代理定义Nginx是一款高性能的HTTP服务器和反向代理服务器。代理服务器(Proxy S
转载 2024-07-24 12:33:44
57阅读
目录一、认识OpenResty二、请求参数处理三、查询Tomcat四、Redis缓存预热五、查询Redis缓存六、nginx本地缓存一、认识OpenRestyOpenResty是一个基于nginx的高性能Web平台,他用于方便的搭建能够处理高并发、扩展性极高的动态Web应用、Web服务和动态网关。他具备以下特点:1.具备nginx的完整功能 2.基于Lua语言进行扩展,集成了大量精良的Lua库、第
目录 目录Web缓存主要思想Nginx缓存实现原理1 基于Proxy Store的缓存机制11 404错误驱动12 资源不存在驱动2 基于memcached的缓存机制 1. Web缓存主要思想web缓存技术的基本思想是利用客户访问的时间局部性原理,对客户已经访问过的内容在Nginx服务器本地建立副本,这样在一段时间内再次访问该数据,就不需要通过Nginx服务器再次向后端服务器发出请求,所以能够减少
转载 2024-02-26 20:26:34
95阅读
先看下proxy_cache_path的常见配置:1. proxy_cache_path /usr/local/nginx/cache levels=1:2 keys_zone=one:10m max_size=1g; 复制代码 在上面这行配置中定义了一个反向代理缓存路径: 1) nginx反向代理缓存的目录为/usr/local/nginx/cache; 2) 缓存文件的key和其它
NGINX 缓存使用指南 [proxy_cache]Nginx  一个web缓存坐落于客户端和“原始服务器(origin server)”中间,它保留了所有可见内容的拷贝。如果一个客户端请求的内容在缓存中存储,则可以直接在缓存中获得该内容而不需要与服务器通信。这样一来,由于web缓存距离客户端“更近”,就可以提高响应性能,并更有效率的使用应用服务器,因为服务器不用每次请求都进行页面生成工作。&nb
转载 2024-03-29 12:33:18
110阅读
    不管是前面介绍的Apache缓存还是现在要介绍的Nginx缓存,其实他们都借鉴了squid。随着web服务器的发展,web服务器的缓存功能已经越来越强大,通过配置使用web服务器的缓存功能,我们在很多时候已经没有必要去实用squid了。下面是Nginx的proxy_cache模块的介绍。二、Nginx缓存1、依赖组件    从Nginx-0.7.44
Nginx HTTP缓存设置expiresif-modified-sinceproxy_pass 流程Nginx代理层缓存HTTP模块配置proxy_cache 配置小结 Nginx HTTP缓存设置Nginx提供了 expires、etag、if-modified-since 指令来实现浏览器缓存控制。expires如果我们使用了Nginx作为静态资源服务器,那么可以使用expires进行缓存
Nginx缓存服务 Nginx版本从0.7.48开始,支持了类似Squid的缓存功能。这个缓存是把URL及相关组合当做Key,用Md5算法对Key进行哈希,得到硬盘上对应的哈希目录路径,从而将缓存内容保存在该目录内。 Nginx Web 缓存服务只能为指定URL或状态码设置过期时间,不支持类似Squid的PURGE指令手动清除缓存;但是我们可以通过Nginx的模块ngx_c
转载 2024-03-05 23:07:44
319阅读
每一次分享技术文章,都是基于自己的痛点,基于自己的需求。这次也一样,所以分享具体方法之前,我先说一下我这次的需求与痛点:一、需求痛点在博客集成了代码版缓存功能之后,为了方便在前台清理页面缓存,我特意写了ajax清理缓存的功能(相关文章)。这个功能写好之后确实可以正常工作。但是,为了让网站加载速度提升到极致,我还在nginx里面加了类似于WP Super Cache的mod_rewrite机制:当存
  • 1
  • 2
  • 3
  • 4
  • 5