Как включить политику Cors в реакции? - PullRequest
0 голосов
/ 21 апреля 2020

Я попробовал этот метод включения сердечников, но безуспешно. У меня есть два приложения, основанные на React. Я запрашиваю страницу индекса B из приложения A, но после добавления файла setupProxy. js я не смог заставить его работать.

Мое приложение, которое я работаю, является приложением, основанным на реакции, и работает следующим образом и работает на loaclhost: 1234, в то время как мое второе приложение находится на порте 3000, к которому я пытаюсь получить доступ

export function setup(app: PiletApi) {

  const reactApp = app.createConnector(() => fetch('http://localhost:3000').then(res => res.text()));


app.registerPage('/reactApp', reactApp(({ data }) => {

        console.log('data from react app')
        console.log(data)
        const ref = React.useRef();

        React.useEffect(() => {
            if (ref.current) {
                ref.current.innerHTML= data;
            }

            return () => {};
        }, [ref.current]);


        let myhtml = data
        let doc = new DOMParser().parseFromString(myhtml, 'text/html');
        let bodyHtml = doc.body.innerHTML; 

        console.log('render stage')
        return (<div className="fetched" dangerouslySetInnerHTML={{__html: 
            data}}></div>)
}));

Вот мой файл setupProxy

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:1234', // from my first App (A)
      changeOrigin: true,
    })
  );
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...