主应用无法加载子应用的图片

[Come2BtheOne]

主应用 http://localhost:9001
vue3子应用（vite） http://localhost:9300
复现仓库 https://github.com/Come2BtheOne/qiankunDemo.git

[tengmaoqing]

是哪一张图片加载不了呢

1、如果你是通过

<img src="/xxx.jpg">

这种是不行的，乾坤本身也还没支持到这个地步。

2、如果你是

import img from './x.jpg';
<img :src="img">

需要注意 vite.config.ts 写完整的base

[Come2BtheOne]

是哪一张图片加载不了呢

1、如果你是通过

<img src="/xxx.jpg">

这种是不行的，乾坤本身也还没支持到这个地步。

2、如果你是

import img from './x.jpg';
<img :src="img">

需要注意 vite.config.ts 写完整的base

图片用的是第二种引入方式。
配置了完整的base。但还是请求主应用的资源

[fonglezen]

是哪一张图片加载不了呢
1、如果你是通过

<img src="/xxx.jpg">

这种是不行的，乾坤本身也还没支持到这个地步。
2、如果你是

import img from './x.jpg';
<img :src="img">

需要注意 vite.config.ts 写完整的base

图片用的是第二种引入方式。
配置了完整的base。但还是请求主应用的资源

vite 目前在development模式的时候，base设置了之后是不生效的。你可以关注vite 后续是否会支持，在vite issue里看到有人提了这个问题了。

[Come2BtheOne]

vite 目前在development模式的时候，base设置了之后是不生效的。你可以关注vite 后续是否会支持，在vite issue里看到有人提了这个问题了。

好的。感谢回答！

[Soya-xy]

可添加以下下配置解决

  server: {
    origin:"子应用地址",
  }

[wishong]

server: {
origin:"子应用地址",
}

这个好像不起作用

[Come2BtheOne]

我试了有效。你是怎么写的？

[wishong]

我试了有效。你是怎么写的？

子应用的vite.config
server: {
origin:"http://localhost:4000",
}

[binyellow]

我试了有效。你是怎么写的？

serve.origin是有效的，楼主你只需要改下你资源的引用方式就好了，图片相对路径改成@/asserts/logo.png就正常了

[xianmxcv]

所以子应用css的图片就没救了么

[wishong]

所以子应用css的图片就没救了么

有用的，路径要拼写完全，最后多加一个 / 就行
server: {
origin:"http://localhost:4000/",
}

[xianmxcv]

所以子应用css的图片就没救了么

有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }

嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64吗

[qw789]

"http://

加/ vite 会报提示啊，server.origin should not end with "/". Using "http://localhost:7105" instead.

[summerbiu]

我试了有效。你是怎么写的？

serve.origin是有效的，楼主你只需要改下你资源的引用方式就好了，图片相对路径改成@/asserts/logo.png就正常了

貌似不适用于用:src动态赋值图片

[rookiePrgrmer]

所以子应用css的图片就没救了么

有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }

嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64

所以生产环境打包可以支持吗？

[wyodyia]

所以子应用css的图片就没救了么

有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }

嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64

所以生产环境打包可以支持吗？

YES