首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我如何设置app(创建- React )来显示图像?

我如何设置app(创建- React )来显示图像?
EN

Stack Overflow用户
提问于 2021-12-21 14:37:30
回答 1查看 66关注 0票数 1

我有创建-反应-应用程序,我无法显示图像。在我的密码里

<img src="/files/2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120" alt="" />

使用.htaccess

代码语言:javascript
复制
SetEnvIf Authorization .+ HTTP_AUTHORIZATION=$0
Options +FollowSymLinks -MultiViews

RewriteEngine On
RewriteBase /

RewriteRule ^files/(.*)$ /files/files.php?url=$1 [L,QSA]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^ index.html [QSA,L]

它应该转到

<img src="/files/files.php?url=2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120" alt="" />

文件夹结构应用程序是:

代码语言:javascript
复制
|- build
|- files
|    |- files.php 
|- public
|    |- .htaccess
|    |- api
|    |- ...
|- src
|    |- folders with all pages, components, ...
|- storage
|    |- all images

PHP (files.php)返回

代码语言:javascript
复制
header('Last-Modified: '. gmdate('D, d M Y H:i:s', time()) .' GMT');
header("Cache-Control: must-revalidate");
header('Expires:'. gmdate('D, d M Y H:i:s', time() + $expiry) .' GMT');
header('ETag: '. $etag);

header("Content-Type: image/jpeg");
header("Content-Length: ". filesize($file));
readfile($file);

如果我以构建模式(从build目录)运行应用程序,那么一切都运行得很完美。它在开发环境中不起作用。它在构建模式而不是在开发模式下工作的原因是什么?原因是目录结构、代理或其他原因吗?

问题是为什么它在构建应用程序中工作,而开发却不工作。如果我使用直接的网址打开照片到浏览器http://buil-app/files/2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120在构建应用程序,照片将显示。使用开发模式,http://localhost:3000/files/2k28WHrMCJu9jSEEb7/O/120显示的不是照片而是应用程序。重写在.htaccess中不起作用还是找不到路径?

EN

回答 1

Stack Overflow用户

发布于 2021-12-21 14:58:10

在您的react应用程序中,将图像放在public/static/images下面,并按如下方式处理:

代码语言:javascript
复制
<img src="/static/test.jpg" alt="test" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70437174

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档