微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将远程图像 url 重定向到开发中的本地文件夹?

如何解决如何将远程图像 url 重定向到开发中的本地文件夹?

我正在从数据库(从生产服务器转储)中获取图像 url。 例如,说 - https://example.com/imageStorage/photo.jpg 是从数据库获取的 url。 这些 url 用于在这样的 HTML 模板中显示图像 -

import React,{useState} from 'react'; 
import './App.css'; 
import Person from './Person/Person'; 

const App = props => { 
    const [personState,setPersonSate] = useState({ person:[ {name:'bishnu',age:'32'},{name:'rasmi',age:'27'},{name:'fretBox',age:'4'} ],}); 
    return (
        <div className="App"> 
            <h2>This is react</h2> 
            <Person name={personState.person[1].name} age="27"></Person>
            <Person name={personState.person[2].name} age="4"></Person> 
        </div> ); 
    };
    export default App;

现在在开发中,我想重定向这些 url 以从本地文件夹中获取图像。我在我的应用程序中使用 NodeJS express 和 angular。有什么办法可以做到。我尝试代理请求但没有成功。

解决方法

使用这个扩展 https://chrome.google.com/webstore/detail/modheader/idgpnmonknjnojddfkpgkljpfnnfcklj?hl=en

然后像这样添加一个url重定向

modHeader extension example

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。