具有不同域的单 SPA Vite 代码拆分不起作用
我正在使用 Vue 3、Typescript 和 Vite 构建一个微前端，为此，我在 single-spa 中有一个包装器，我们将其称为wrapper.product.com。
我还有一个微前端，我们称其为A，所以它被放置在a.product.com，并且它是使用代码分割构建的。 问题是 A 只适用于引用的依赖项。因此，当 A 尝试获取 asset/somefile 时，它会尝试从wrapper.product.com/assets/somefile 获取。
我还使用 vite.config.ts 中的 build.base 来提及正确的域，但它不起作用。
我知道使用 webpack (systemjs-webpack-interop) 有一个可能的解决方案，但是使用 Vite 可以吗？
有什么想法可以解决此问题并从 A 域获取 A 的所有依赖项吗？
I am building a micro front-end using Vue 3, Typescript, and Vite and for this, I have a wrapper in single-spa, let's call it wrapper.product.com.
And I also have a micro front-end, let's call it A, so it is placed at a.product.com and it is built using code split.
The problem is that A only works with referenced dependencies. Therefore, when A tries to get assets/somefile it tries to fetch from wrapper.product.com/assets/somefile.
I am also using the build.base in the vite.config.ts to mention the right domain, but it didn't work.
I know there is a possible solution using webpack (systemjs-webpack-interop) but is it possible with Vite?
Any ideas to fix this and have all dependencies of A being fetched from the A domain?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论