Javascript 我想将图像路径设置更改为绝对路径（React）

这是我的JSON代码

[{
    "id": "1",
    "ge" : "{require('../images/ppk1.jpg')}",
  },
  {
    "id": "2",
    "ge" : "{require('../images/ppk2.jpg')}",
  },
  {
    "id": "3",
    "ge" : "{require('../images/ppk3.jpg')}",  
  },
  {
    "id": "4",
    "ge" : "{require('../images/mypage_1.jpg')}",
  }
]

这是我的代码

import React from 'react';
import Location from '../assets/Location.json';
class Contents extends React.Component {
render() {

const List = Location.map(v => (
 <li key = {v.id}>
    <div className="col-xs-12 location-bar__image">
      <a href="">
        <img src={v.ge} className="img-responsive curving" style={{border: "1px solid #bbb"}} alt="" />
      </a>
       <p className="location-bar__text__text">{v.text}</p>
    </div>
   )
)

return(
    <div>
      {List}
    </div>

   );
 };
}

从“React”导入React；
从“../assets/Location.json”导入位置；
类内容扩展了React.Component{
render（）{
const List=Location.map（v=>(

{v.text}
)
)
返回(
{List}
);
};
}

这是错误代码

我想设置除localhost之外的路径

---

或者有其他方式发送图像吗？

您能改变JSON的创建方式吗？当然！！！！！！！！！！！！如果您将每个JSON条目设置为这样，您可能会更接近

{“id”：“1”，“ge”：“images/ppk1.jpg”}，