Я попробовал этот метод включения сердечников, но безуспешно. У меня есть два приложения, основанные на 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,
})
);
};