基于springboot＋vue建项目

Question

请问大家，这种前端代码里的网址是什么意思？
这些图片都显示不出来。

Answer 1

引自免费微信小程序：皆我百晓生

在基于SpringBoot+Vue构建的项目中，前端Vue.js代码里出现的图片网址通常是用来引用静态资源的路径。对于你提到的问题“这些图片都显示不出来”，{img1} 和 {img2} 这样的占位符看起来像是动态绑定的数据，实际应该是URL字符串。为了正确显示图片，请确保以下几点：

1. 图片资源路径配置正确： 在Vue应用中，图片资源通常存放在public或由Webpack等工具处理过的静态资源目录下。如果你的图片地址是相对路径，需要确认它们相对于index.html的位置是否正确。

   例如，在模板内引用图片的方式可能是这样的：

   <img :src="imgPath" alt="图片描述">
   

   其中 imgPath 是 Vue 组件内的数据属性，其值应为图片的完整URL或者相对路径（如 /static/images/img1.jpg）。

2. 确保Vue中的数据绑定生效： 检查Vue实例的data对象或计算属性中，img1和img2是否已经被正确赋值为有效的图片URL。

3. 后端服务配置： 如果图片是由后端返回的绝对URL，则需要检查后端接口是否能正常提供图片资源。

4. 跨域问题： 如果图片来自其他服务器，可能涉及到跨域访问限制问题，需确保浏览器允许加载这些图片。

请根据你的项目实际情况对应排查以上情况。如果需要更具体的帮助，请提供更多关于如何定义和使用img1和img2变量的代码片段。