Gatsby 模块联合 CORS 错误和急切消耗问题

如何解决Gatsby 模块联合 CORS 错误和急切消耗问题

我正在尝试使用来自 gatsby 的模块联合的微前端应用程序。当我尝试调用在 localhost:3001 上运行的组件时，出现 CORS 错误。知道如何解决这个问题吗？

这是我的gatsby-node.js

const packageJsonDeps = require('./package.json').dependencies;
const { ModuleFederationPlugin } = require("webpack").container;

exports.onCreateWebpackConfig = ({
                                     stage,rules,loaders,plugins,actions,}) => {
    actions.setWebpackConfig({
        plugins: [
            new ModuleFederationPlugin( {
                name: "app2",remotes: {
                    app1: "app1@http://localhost:3001/remoteEntry.js",},shared: {
                    ...packageJsonDeps,react: { singleton: true,eager: true,requiredVersion: packageJsonDeps.react },"react-dom": { singleton: true,requiredVersion: packageJsonDeps["react-dom"] },"styled-components": { singleton: true,requiredVersion: packageJsonDeps["styled-components"] },"gatsby":{singleton: true,requiredVersion: packageJsonDeps["gatsby"]}
                },})
        ]
    })
} 

App2 idex.js

import Header from "app1/Header";
const data = "App2 data";

export default () => (

    <div style={{margin: '20px'}}>
        <React.Suspense fallback='Loading app2 data'>
            <Header data={ data } />
        </React.Suspense>
    </div>
);

感谢任何帮助。谢谢