子应用是nextjs服务报错

[AllesOderNicht]

问题描述

问题的具体描述
引入dify（nextjs15）作为子应用报错，水合失败，原因好像是路由的问题，不确定。
index.esm.js:5043 Uncaught (in promise) SecurityError: Failed to execute 'replaceState' on 'History': May not use a History object associated with a Document that is not fully active

复现步骤

1. 引入dify仓库作为子应用添加进报错；

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

displayedUrl： http://localhost:3000/signin useIframe： true disableMemoryRouter： true routerMode： native

没有开启ssr，因为开不开都报这个错误

页面上：

复现仓库

请提供一个精简的代码仓库，然后上传到自己的 github，以帮助我们复现您的问题。

环境信息

• micro-app版本：1.0
• 主应用前端框架&版本：Vue3
• 子应用前端框架&版本：Nextjs 15.3
• 构建工具&版本：

[kyleguka]

请教一下，我现在也想引入dify（nextjs15）作为子应用，但是还没到你这一步，运行micro-app报了跨域问题，按文档自定义服务器，或者配了'Access-Control-Allow-Origin': '*',都没解决

请问你是怎么解决跨域问题的

[AllesOderNicht]

async headers() {
return [
{
source: '/(.)',
headers: [
{
key: 'Access-Control-Allow-Origin',
value: '',
},
{
key: 'Access-Control-Allow-Methods',
value: 'GET, POST, PUT, DELETE, OPTIONS',
},
{
key: 'Access-Control-Allow-Headers',
value: 'Content-Type, Authorization, X-Requested-With',
},
],
},
]
},

[AllesOderNicht]

后续，原来上面的报错不是因为嵌入了 nextjs，是 nextjs 水合失败导致子应用被卸载报的错。问题在于开启 ssr 似乎不生效，水合不成功。试了各种方法，各种水合报错。

[AllesOderNicht]

请教一下，我现在也想引入dify（nextjs15）作为子应用，但是还没到你这一步，运行micro-app报了跨域问题，按文档自定义服务器，或者配了'Access-Control-Allow-Origin': '*',都没解决

请问你是怎么解决跨域问题的

成功嵌入了吗。。