Nginx React上线生产环境不缓存index.html 的方法

2023-02-11

React项目更新通常会因缓存问题产生白屏问题，多次刷新后就能去除缓存正常使用，不过这对用户很不友好，最简单的优化方法是不存在html文件。

在Nginx环境中配置参考：

location / {
  try_files $uri $uri/ /index.html;
}

location = /index.html {
  expires -1;
}

设置过期时间为-1，即不缓存。

html页面中的其他类型文件，包括js、css等，依旧会缓存，但不用担心，因为新项目打包后，文件名一般会重置。

参考资料：https://qa.1r1g.com/sf/ask/2914197961/

WEB开发