vite-plugin-qiankun
vite-plugin-qiankun copied to clipboard
tengmaoqing
主应用无法加载子应用的图片
主应用 http://localhost:9001 vue3子应用（vite） http://localhost:9300 复现仓库 https://github.com/Come2BtheOne/qiankunDemo.git
是哪一张图片加载不了呢
1、如果你是通过
<img src="/xxx.jpg">
这种是不行的，乾坤本身也还没支持到这个地步。
2、如果你是
import img from './x.jpg';
<img :src="img">
需要注意 vite.config.ts 写完整的base
是哪一张图片加载不了呢
1、如果你是通过
<img src="/xxx.jpg">这种是不行的，乾坤本身也还没支持到这个地步。
2、如果你是
import img from './x.jpg'; <img :src="img">需要注意 vite.config.ts 写完整的base
图片用的是第二种引入方式。
配置了完整的base。但还是请求主应用的资源
是哪一张图片加载不了呢 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里看到有人提了这个问题了。
vite 目前在development模式的时候，base设置了之后是不生效的。你可以关注vite 后续是否会支持，在vite issue里看到有人提了这个问题了。
好的。感谢回答！
我试了有效。你是怎么写的？
serve.origin是有效的，楼主你只需要改下你资源的引用方式就好了，图片相对路径改成@/asserts/logo.png就正常了
所以子应用css的图片就没救了么
有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }
所以子应用css的图片就没救了么
有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }
嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64吗
加/ vite 会报提示啊，server.origin should not end with "/". Using "http://localhost:7105" instead.
我试了有效。你是怎么写的？
serve.origin是有效的，楼主你只需要改下你资源的引用方式就好了，图片相对路径改成@/asserts/logo.png就正常了
貌似不适用于用:src动态赋值图片
所以子应用css的图片就没救了么
有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }
嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64
所以生产环境打包可以支持吗？
所以子应用css的图片就没救了么
有用的，路径要拼写完全，最后多加一个 / 就行 server: { origin:"http://localhost:4000/", }
嗯嗯，这样子在开发环境能行。生产环境呢，将图片打包到主应用里或者全转为base64
所以生产环境打包可以支持吗？
YES
