如何将远程图像 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重定向