为什么url地址重复？

Question

我在Mac上制作react-app，它可以在本地服务器和gh页面上运行。但当我在Windows上运行时，本地json文件(我将其放入‘public’文件夹)中的url重复和数据不起作用。

​

​

componentDidMount() {
    Axios.get('./phone.json').then(({data}) => {
      console.log(data)
      this.setState({
        phone: data
      })
    })
  }

它创建了这个url

https://localhost:3000/%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5C%5CMyWebShop%5Cphone.json

Answer 1

我解决了这个问题。

为了防止循环依赖，你只需要把你域名的标题。

  componentDidMount() {
    Axios.get('/MyWebShop/./phone.json').then(({data}) => {
      console.log(data)
      this.setState({
        phone: data
      })
    })
  }