使用Router后，读取路径会随路由改变而变化，请问该如何解决？

Question

我正在学习使用React创建一个地理信息的工程，使用到了Cesium组件。为了实现输入不同的地址可以查看不同模型的功能，我又只用了Router。这里就出现了问题：当我的路由是“localhost:3000”时，可以打开cesium组件的底图，同时各个图标也都正常显示，此时图标的链接为“http://localhost:3000/Widgets/Images/ImageryProviders/bingAerial.png” ； 而当我进入“localhost:3000/144”时，图标的链接也由原先的链接变为了“http://localhost:3000/144/Widgets/Images/ImageryProviders/bingAerial.png” 。 这时，窗口无法显示底图，同时各个图表也显示读取错误。

app.jsx的代码如下：

import React, { Component } from 'react'
import { Routes, Route } from 'react-router-dom'
import GetModel from '../model/GetModel'
import Home from '../model/Home'

export default class App extends Component{
  render(){
    return (
      <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/144" element={<GetModel />} />
            <Route path="/185" element={<GetModel />} />
      </Routes>
    )
  }
}

最后浏览器检查图标元素后得到了这串链接：

请问这种情况该如何去掉那串“/144”？

Answer 1

144 你的route写的 path:144 当然会有144了