Почему дублируются URL-адреса?

Question

Я делаю приложение-реакцию на Ma c, и оно работает на локальном сервере и на странице gh. Но когда я делаю это на Windows, URL-адрес дублируется, и данные из локального json файла (который я помещаю в папку publi c) не работают.

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
      })
    })
  }