[vuejs/vue-cli]背景图片路径错误

2024-01-29 333 views
0
Version

3.0.0-rc.11

Node and OS info

node 8.11.1/windows 10/npm 6.2.0

Steps to reproduce

样式里加载assets下的图片路径报404

What is expected?

没有404

What is actually happening?

404


@vue/cli-service/lib/config/css.js 中

rule
    .use('extract-css-loader')
    .loader(require('mini-css-extract-plugin').loader)

修改如下

rule
    .use('extract-css-loader')
    .loader(require('mini-css-extract-plugin').loader)
    .options({
        publicPath: '../'
    })

回答

9

虽然mini-css-extract-plugin官方说的是默认publicPath: '../',不懂为什么还要自己手动设置

1

求一个更优雅的解决方案

9

麻烦提供一下问题复现,不要直接就给解决方案。我在本地并没有碰到你说的这个问题。

3

恩,我明天上传个仓库地址

4

对了,背景图片在开发环境下路径是正确的,只在生产环境下404

4

文档里写了

请始终使用 baseUrl 而不要修改 webpack 的 output.publicPath

9

看文档不仔细了!抱歉!感谢尤大!!!