micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

nuxtjs专属讨论贴

Open bailicangdu opened this issue 3 years ago • 11 comments

bailicangdu avatar Dec 02 '21 05:12 bailicangdu

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

qianqian05723 avatar Dec 30 '21 02:12 qianqian05723

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

bailicangdu avatar Dec 30 '21 08:12 bailicangdu

image 页面引用 assets 目录里面的图片时,使用v-show去动态显示时会显示图片404 image 然后试着补全了路径,刷新后还是404,这个assets中的图片需要怎么处理吗?@bailicangdu

qianqian05723 avatar Feb 16 '22 06:02 qianqian05723

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

cyd4496623 avatar Oct 16 '22 08:10 cyd4496623

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

cyd4496623 avatar Oct 16 '22 15:10 cyd4496623

当Nuxt3做为子应用时,该如何配置?

0vn avatar Nov 28 '22 09:11 0vn

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

jimoweicheng avatar Oct 11 '23 07:10 jimoweicheng

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

虚拟路由关闭了吗

bailicangdu avatar Oct 11 '23 07:10 bailicangdu

尝试接入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 avatar Nov 08 '23 03:11 Bournegithub

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

bailicangdu avatar Nov 08 '23 03:11 bailicangdu

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

已开,请帮忙看看。谢谢 https://github.com/micro-zoe/micro-app/issues/954

Bournegithub avatar Nov 08 '23 06:11 Bournegithub