首页 > 解决方案 > 在 React 应用程序中上传的图像在上传后不会立即可用

问题描述

我将 create-react-app 部署到客户端服务器,在该应用程序中,用户可以上传图像。我面临的问题是,在客户端服务器中,无论出于何种原因,图像需要 5 分钟才能被 Web 应用程序看到。例如,假设上传图片后网站是www.good.com(我可以在服务器的正确文件夹中看到图片),图片 url 是www.good.com/imgs/randomName.jpg。如果我尝试在应用程序上显示图像,它将显示找不到经典图像,如果我尝试在新选项卡中打开图像,应用程序将仅显示一个带有工具栏和菜单的页面(因为我没有为该路径创建一条路线)。5 分钟后,相同的路径将显示图像。

我认为这可能是我的 htaccess 配置(因为我强制 https 和索引重定向),但即使在图像文件夹中添加了一个例外,甚至删除了所有配置,结果也是一样的。

不过,这是我的 htaccess:

Header set Access-Control-Allow-Origin "*"
Options -MultiViews
RewriteEngine On
RewriteCond %{HTTPS} =off
RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+) [NC]
RewriteRule ^ https://www.%1%{REQUEST_URI} [R=302,L,NE]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^ https://www\.%{HTTP_HOST}%{REQUEST_URI} [R=302,L,NE]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.html [END]

客户端服务器是具有 cpanel 的经典共享服务器之一。

有什么想法吗?

标签: php.htaccesscreate-react-app

解决方案


推荐阅读