vue nginx项目配置 处理缓存

		# 增加不缓存index.html
        location = /index.html {
	       root   /usr/local/test-frontend/clientPlatform/dist; 
		  add_header Cache-Control "no-cache, no-store";
	   }
	    ```
	       root   /usr/local/test-frontend/clientPlatform/dist; 
	       这个设置 第一次忘记设置这个一直报错

html页面设置
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

nginx 批量设置

location / {
            root   /usr/local/test-frontend/ez-platform;
            try_files $uri $uri/ /index_prod.html;
            index  index_prod.html index.html;
             # 增加不缓存index.html
             if ($request_filename ~* .*\.(?:htm|html)$)
	        {
	            add_header Cache-Control "no-cache, no-store";  #对html文件设置永远不缓存
	        }  
        }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.jsNginx 通常一起使用,用于构建和分发单页应用程序 (SPA)。Vue.js 是一种流行的 JavaScript 框架,用于构建用户界面。Nginx 是一种流行的 Web 服务器软件,通常用于反向代理和缓存。 要清除 Vue.js 页面的缓存,您可以使用 Nginx缓存控制功能。以下是一些步骤和配置示例,可以帮助您实现这一点: 1. 配置 Nginx 作为反向代理服务器:确保您的 Nginx 配置文件正确地指向您的 Vue.js 应用程序的静态资源。 2. 配置 Nginx缓存控制:在 Nginx 配置文件中,您可以设置适当的指令来控制缓存。例如,您可以使用 `proxy_cache_path` 指令指定一个用于缓存 Vue.js 页面的目录。接下来,您可以使用 `proxy_cache` 指令启用缓存,并使用 `proxy_cache_key` 指令生成用于缓存引用的密钥。 3. 使用合适的缓存控制指令:Nginx 提供了一些缓存控制指令,如 `proxy_cache_use_stale`、`proxy_cache_key`、`proxy_cache_revalidate` 等,这些可以帮助您控制如何处理缓存失效的情况。根据您的需求,将这些指令添加到适当的位置。 4. 设置合适的过期时间:在缓存控制指令中,您还可以设置适当的过期时间,以避免客户端长期持有过时的缓存副本。 5. 测试和调试:在配置更改后,请确保重新加载 Nginx 配置文件并测试您的应用程序以确保缓存清除功能正常工作。 请注意,清除 Vue.js 页面的缓存可能还涉及其他因素,如浏览器的缓存控制。在使用上述配置时,请确保考虑所有相关的缓存控制机制。 总的来说,Vue.jsNginx 可以很好地协同工作,通过适当的配置来清除页面缓存。不过,具体的配置可能会因您的环境和需求而有所不同。建议参考 Nginx 的官方文档和相关资源,以获取更详细的信息和示例配置

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值