您的位置: 首页 > 文章 > vue-cli webpack打包时背景图片、字体路径报错问题

vue-cli webpack打包时背景图片、字体路径报错问题

分类: 文章 • 2024-10-08 09:01:40

解决方案：使用相对路径，所有资源都从根目录向 dist/路径下找对应资源。

vue-cli webpack打包时背景图片、字体路径报错问题

添加该行代码：

		publicPath:"../../"

报错信息

客户端

-生成代码
vue-cli webpack打包时背景图片、字体路径报错问题

分析
因为 publicPath:’/’ 设置问题，都会从根目录dist往下找路径，所以当前为css的话就无法识别’/static/***’ 开头的路径

因为html/js和图片资源处在同一目录，所以路径‘/static/****’不会报错

更改后文件

vue-cli webpack打包时背景图片、字体路径报错问题

所有资源都会从dist/往下找，所有路径不会报错！！

如果资源没有在css中引用，而浏览器不识别 / 开头路径

将 config/index.js - assetsPublicPath 修改为

	assetsPublicPath:'./'

vue-cli webpack打包时背景图片、字体路径报错问题

参考： https://www.cnblogs.com/luosiding/p/8268837.html