micro-app
micro-app copied to clipboard
nuxtjs专属讨论贴
请问大佬,nuxt 子应用在服务器端渲染时能和主应用通信吗?有什么方法吗?@bailicangdu
目前只能在浏览器环境渲染,所以无法在server阶段进行通信
页面引用 assets 目录里面的图片时,使用v-show去动态显示时会显示图片404
然后试着补全了路径,刷新后还是404,这个assets中的图片需要怎么处理吗?@bailicangdu
hello 大佬,nuxt 子应用无法使用middleware,有什么解决方方法吗? @bailicangdu
子组件使用的nuxt ^2.15.7, 我并没有按照文档去配置,在本地配置了nginx来解决跨域问题, 虽然也能正确的拿到html,但是vue组件的生命周期只会走到created,后面beforeMount已经后面的生命周期并不会执行,导致页面只是一个静态页面.不知道有没有大佬遇到跟我一样的问题
当Nuxt3做为子应用时,该如何配置?
能否提供nuxtjs3的接入方式,感觉3的路由有点问题,自动跳转路由自动拼上了micro-app的?name=
能否提供nuxtjs3的接入方式,感觉3的路由有点问题,自动跳转路由自动拼上了micro-app的?name=
虚拟路由关闭了吗
尝试接入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"]`
@Bournegithub 你可以开一个issue,我们单独讨论这个问题
@Bournegithub 你可以开一个issue,我们单独讨论这个问题
已开,请帮忙看看。谢谢 https://github.com/micro-zoe/micro-app/issues/954