小编Yug*_*uga的帖子

vue + webpack项目img无法加载静态src

在我的vue(2.0)+ webpack项目中,我配置了vue-html-loader,但在我的.vue文件中,img标签无法加载静态src图像.下面是我的webpack配置:

module: {
    loaders: [
        ...
        {
            test: /\.html$/,
            exclude: /node_modules/,
            loaders: ['html', 'html-minify']
        }
        , {
            test: /\.vue$/,
            loader: 'vue'
        }
        ...
    ]
},
vue: {
    ...
    html: {
        root: path.resolve(__dirname, './source/static'),
        attrs: ['img:src', 'img:srcset']
    },
    loaders: {
        css: ExtractTextPlugin.extract("css"),
        sass: ExtractTextPlugin.extract("css!sass")
    }
},
resolve: {
    root: [
        path.resolve('./source')
    ],
    extensions: ['', '.js', '.json', '.scss', '.html', '.css', '.vue'],
    alias: {
        'vue': 'vue/dist/vue.js'
    }
},
Run Code Online (Sandbox Code Playgroud)

下面是我的.vue文件:

<img src="/web/img/sieleLogo@1x.png" srcset="/web/img/sieleLogo@2x.png" />
Run Code Online (Sandbox Code Playgroud)

我的浏览器总是出现404错误.有人得到同样的问题吗?

javascript webpack vue.js

5
推荐指数
1
解决办法
2955
查看次数

标签 统计

javascript ×1

vue.js ×1

webpack ×1