若依前后端分离vue 中项目上线后图片预览无法显示问题

最新推荐文章于 2024-06-04 14:09:24 发布

昼月眠

最新推荐文章于 2024-06-04 14:09:24 发布

阅读量3.8k

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/xiuxiuxiu555/article/details/126425398

版权

这里看到图片返回的url地址里面图片前缀名多了个 /prod - api 导致图片无法预览

找到components 里面的imagetwo 里面的index.vue这里只需要在url上传图片组件里面

修改 data参数里面的 baseUrl 为 baseUrl: "", 就可以正常显示了

  data() {
    return {
      dialogImageUrl: "",
      dialogVisible: false,
      hideUpload: false,
      baseUrl: "",
      uploadImgUrl: process.env.VUE_APP_BASE_API + "/system/images/upload", // 上传的图片服务器地址
      headers: {},
      fileList: [],
    };
  },