老师图片无法显示，但是路径应该是对的，谷歌的报错是unfined

Question

index.js```
$(function() {
//定义访问后台，获取头条列表以及一级类别列表的URL
var url = ‘/o2o/frontend/listmainpageinfo’;

//访问后台，获取头条列表以及一级类别列表
$.getJSON(url, function (data) {
    if (data.success) {
    	//获取后台传递过来的头条列表
        var headLineList = data.headLineList;
        var swiperHtml = '';
        //遍历头条列表，并拼接出轮播图组
        headLineList.map(function (item, index) {
            swiperHtml += ''
                        + '<div class="swiper-slide img-wrap">'
                        + '<a href="'+item.lineLink
                        + '"external><img class="banner-img" src="'+ item.lineImg
                        +'" alt="'+ item.lineName +'"></a>'+ '</div>';
        });
        //将轮播图组赋值给前端HTML控件
        $('.swiper-wrapper').html(swiperHtml);
        $(".swiper-container").swiper({
            //设定轮播图轮换时间为1秒
        	autoplay: 1000,
        	//用户对轮播图进行操作时，是否自动停止autoplay
            autoplayDisableOnInteraction: false
        });
        //获取后台传递过来的大类列表
        var shopCategoryList = data.shopCategoryList;
        var categoryHtml = '';
        //遍历大类列表，并拼接出两两(col-50)一行的类别
        shopCategoryList.map(function (item, index) {
            categoryHtml += ''
                         +  '<div class="col-50 shop-classify" data-category='+ item.shopCategoryId +'>'
                         +      '<div class="word">'
                         +          '<p class="shop-title">'+ item.shopCategoryName +'</p>'
                         +          '<p class="shop-desc">'+ item.shopCategoryDesc +'</p>'
                         +      '</div>'
                         +      '<div class="shop-classify-img-warp">'
                         +          '<img class="shop-img" src="'+ item.shopCategoryImg +'">'
                         +      '</div>'
                         +  '</div>';
        });
        //将拼接好的类别赋值给前端HTML控件进行展示
        $('.row').html(categoryHtml);
    }
});

//若点击"我的"，则显示侧栏
$('#me').click(function () {
    $.openPanel('#panel-left-demo');
});

$('.row').on('click', '.shop-classify', function (e) {
    var shopCategoryId = e.currentTarget.dataset.category;
    var newUrl = '/o2o/frontend/shoplist?parentId=' + shopCategoryId;
    window.location.href = newUrl;
});

});
server.xml

<Context docBase="D:/projectdev/image/upload" path="/upload" />

![图片描述](http://img1.sycdn.imooc.com//szimg/621de9eb0969064a08360612.jpg)

Answer 1

翔仔 2022-03-01 22:40:26

同学好，其实可以直接先试着访问下图片的路径，看看能不能访问到，具体做法就是把图片的url贴到浏览器地址栏里回车看看，确保路径能对才能显示出来

• 提问者 weixin_慕丝6290347 #1

  路径是对的，我试过了，现在轮播图解决了，是enableStatus的问题，但是下面的还没解决

• 翔仔 回复 提问者 weixin_慕丝6290347 #2

  轮播图能播放的话，证明如果下面的和轮播图里面路径保持一致的话，肯定是没问题的了，主要看看下面图片的路径有没有从后台获取到，实际值是多少，再继续调试一下