nginx 每次我部署react webapp时,当我在手机中打开它时,会出现一个白色屏幕

iovurdzv  于 2023-08-03  发布在  Nginx
关注(0)|答案(1)|浏览(97)

我在reactjs中创建了一个Web应用程序。当我将应用部署到服务器时,有时屏幕在部署后第一次显示白色。当我重新加载页面时,应用程序正常运行。为什么在部署后立即出现白色?我在Azure上使用nginx服务器来托管后端和前端文件。
我在react中尝试了很多优化。白色频率有所减少,但并没有完全消失

yhuiod9q

yhuiod9q1#

请尝试类似的操作来禁用缓存

Nginx配置

location ~ \.html$ {
        add_header Cache-Control "private, no-cache, no-store, must-revalidate";
        add_header Expires "Tue, 01 Jan 1980 1:00:00 GMT";
        add_header Pragma no-cache;
    }

字符串

Html头部

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="must-revalidate" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

相关问题