前后端分离项目中前端如何获取保存在后端服务器中的图片

前后端分离项目中前端如何获取保存在后端服务器中的图片,例如前端获取了一个商品数组,其中商品图片保存在数据库中的就是url路径,但是我在前端中用这个路径不对

img

img

img

图片设置成static/images/xxxxxx.png这种路径,是从8020端口的项目中加载图片,而不是图片所在的项目8080,图片在8080下要加上8080项目的域名部分。而且设置的属性也错了,绑定的是imageUrl,设置的是imgurl。

img

url路径在当前服务下的路径还是磁盘下的

返回路径是什么样的,如果是相对路径可以把路径改为绝对路径,或者你拼接一下

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7501152
  • 除此之外, 这篇博客: qiankun微应用之间、主微应用之间相互跳转方式总结与实践中的 三、以上两种方案比较(加之前使用的url跳转方式) 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    window.history.pushState

    将主应用路由实例注入子应用

    使用 window.location.href 等方法进行 url 跳转跳转

    速率

    页面切换速率明显加快

    页面切换速率明显加快

    页面首次加载渲染时间很长

    页面效果

    无白屏情况出现

    无白屏情况

    首次加载,会出现一段时间的白屏,体验不佳

    实现复杂程度

    轻量级

    实现较为复杂(考虑子应用跳转主应用会出现主应用样式未加载的bug,需要额外添加代码处理该情况)

    -------------------------

    利弊

    • 要求各个应用路由系统都使用history模式;
    • 切换时,仅改变url,不会导致页面刷新。
    • 正式方案,衔接各个应用自然;
    • 会出现主项目页面的 css 未加载的 bug。
    • 出现白屏;
    • 首次加载缓慢。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^