nuxtjs专属讨论贴

[bailicangdu]

No description provided.

[qianqian05723]

请问大佬，nuxt 子应用在服务器端渲染时能和主应用通信吗？有什么方法吗？@bailicangdu

[bailicangdu]

目前只能在浏览器环境渲染，所以无法在server阶段进行通信

[qianqian05723]

页面引用 assets 目录里面的图片时，使用v-show去动态显示时会显示图片404

然后试着补全了路径，刷新后还是404，这个assets中的图片需要怎么处理吗？@bailicangdu

[cyd4496623]

hello 大佬，nuxt 子应用无法使用middleware，有什么解决方方法吗？ @bailicangdu

[cyd4496623]

子组件使用的nuxt ^2.15.7， 我并没有按照文档去配置，在本地配置了nginx来解决跨域问题， 虽然也能正确的拿到html，但是vue组件的生命周期只会走到created，后面beforeMount已经后面的生命周期并不会执行，导致页面只是一个静态页面.不知道有没有大佬遇到跟我一样的问题

[0vn]

当Nuxt3做为子应用时，该如何配置？

[jimoweicheng]

能否提供nuxtjs3的接入方式，感觉3的路由有点问题，自动跳转路由自动拼上了micro-app的?name=

[bailicangdu]

能否提供nuxtjs3的接入方式，感觉3的路由有点问题，自动跳转路由自动拼上了micro-app的?name=

虚拟路由关闭了吗

[Bournegithub]

尝试接入nuxt3的时候，发现会出现这样的问题:刷新后url会重复添加micro-app的?name=
问题一: 比如https://www.base.com/nuxt3/single刷新后出出现
https://www.base.com/nuxt3?micro-app-nuxt3=%2Fnuxt3%2F%3Fmicro-app-nuxt3%25M2%2Fnuxt3%2F
每刷新一次都会多加上?micro-app-nuxt3/nuxt3/
问题二:子应用的路由需要访问的是/nuxt3/single，这里只会跳转到/nuxt3
主应用配置
<micro-app name='micro-app-nuxt3' url='https://www.childapp.com/nuxt3/single' iframe ssr />
主应用地址为 https://www.base.com/nuxt3,
子应用配置的baseURL为'/nuxt3',
子应用的nginx配置为
location /nuxt3 { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; if ($request_method = 'OPTIONS') { return 204; } proxy_pass http://nuxt3:3000/nuxt3; #docker部署 }
以下是nuxt3服务的dockerfile
`FROM node:20.9.0-alpine

RUN mkdir -p /nodeServer/nuxt3

COPY . /nodeServer/nuxt3

WORKDIR /nodeServer/nuxt3

ENV HOST 0.0.0.0

ENV PORT 3000

RUN yarn install

EXPOSE 3000

ENTRYPOINT ["node",".output/server/index.mjs"]`

[bailicangdu]

@Bournegithub 你可以开一个issue，我们单独讨论这个问题

[Bournegithub]

@Bournegithub 你可以开一个issue，我们单独讨论这个问题

已开，请帮忙看看。谢谢
#954