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

vite子应用打包后发布在测试服务器子应用不生效,本地跑没问题

Open biewenwoshishei opened this issue 2 years ago • 11 comments

测试服务器显示自应用未加载 image

biewenwoshishei avatar Sep 17 '22 06:09 biewenwoshishei

这个问题是请求html出错,跨域设置了吗?

bailicangdu avatar Sep 18 '22 11:09 bailicangdu

子应用(9000/child)与主应用(9000/main)是在同一个端口下 路径不同 跨越也设置了 主应用中给子应用的url 是(9000). 现在是子应用未启动

biewenwoshishei avatar Sep 19 '22 03:09 biewenwoshishei

未报错 子应用主应用都是vite项目

biewenwoshishei avatar Sep 19 '22 03:09 biewenwoshishei

可能是url配置错了

bailicangdu avatar Sep 19 '22 03:09 bailicangdu

url设置的是什么

bailicangdu avatar Sep 19 '22 03:09 bailicangdu

image image

biewenwoshishei avatar Sep 19 '22 06:09 biewenwoshishei

主应用的url 是localhost:9000/main/ 子应用的url是localhost:9000/page/ image

biewenwoshishei avatar Sep 19 '22 06:09 biewenwoshishei

image image

这个地址有问题吧,如果子应用在child文件夹,应该是9000/child开头,你的nginx配置发一下看看呢

bailicangdu avatar Sep 19 '22 07:09 bailicangdu

上面报错问题已经解决了 在vite.config.js 中设置base路径为 htpp:localhost:9000/page

image image

这个地址有问题吧,如果子应用在child文件夹,应该是9000/child开头,你的nginx配置发一下看看呢

我们这配置的是子应用是page文件下的路径 所以开头是page 而不是child child只是表示是子应用

biewenwoshishei avatar Sep 19 '22 12:09 biewenwoshishei

新的问题 打包后的vite 子应用中 pinia 不识别 代理后的地址为 http:localhost:9000/page 直接访问9000/page是正常的 但是访问微前端的子应用页面 就提示 image

image

biewenwoshishei avatar Sep 19 '22 12:09 biewenwoshishei

只有在微前端环境才会报这种错误

biewenwoshishei avatar Sep 20 '22 01:09 biewenwoshishei