Доступ к микросервису из интерфейса React нарушает Политику безопасности содержимого документа

Question

В моем проекте основное приложение размещено на localhost:3000, а сервер микросервиса размещен на localhost:3001. Основное приложение имеет внешний интерфейс с компонентом реагирования, который необходим для доступа к данным из микросервиса.Таким образом, у меня есть мой компонент следующим образом:

import React from "react"
class Items extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      items: []
    };
  }

  componentDidMount(){
    fetch('http://localhost:3001/v1/companies/1/items.json')
      .then((response) => { return response.json() })
      .then((data) => {this.setState({ items: data }) });
  }

  render () {
    var items = this.state.items.map((item) => {
      return(
        <div key={item.id}>
          <h1>{item.name}</h1>
          <p>{item.description}</p>
        </div>
      )
    }
    )
    return (
      <div>
        {items}
      </div>
    )
  }
}

export default Items

Это дает мне следующую ошибку:

Refused to connect to 'http://localhost:3001/v1/companies/1/items.json' 
because it violates the following Content Security Policy directive: 
"connect-src 'self' https: http://localhost:3000 ws://localhost:3000"

Что я предполагаю, из-за xss, я не уверен, как получитьВ связи с этим любая помощь будет принята с благодарностью.