小编Wan*_*yne的帖子

Vue组件css背景图像路径错误

产量

    output: {
        path: config.build.assetsRoot,
        publicPath: process.env.NODE_ENV === 'production' ? 
        config.build.assetsPublicPath : config.dev.assetsPublicPath,
        filename: '[name].js'
    }
Run Code Online (Sandbox Code Playgroud)

基础

  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: false,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css']
  },
Run Code Online (Sandbox Code Playgroud)

在构建之后,索引页面正常工作,css背景图像路径就像这样

background: url(./static/img/bg_certificate.c5cad1e.png) no-repeat 50%;
Run Code Online (Sandbox Code Playgroud)

但组件css背景图像路径错误,像这样

background: url(static/img/btn_my.b9186cc.png) no-repeat 50%;
Run Code Online (Sandbox Code Playgroud)

这看起来像路径失去了"./",

vue.js webpack-2 vue-loader

15
推荐指数
3
解决办法
7568
查看次数

标签 统计

vue-loader ×1

vue.js ×1

webpack-2 ×1