vue打包之后静态资源访问不到

时间:2024-04-04 15:34:34

首先 确定问题描述:

在项目开发中,当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题,控制台中提示某个图片没有找到(404错误),这些图片可以是以src引入的图片, 也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入

其次  查询问题解决方案:

网上很多:基本上是 设置 build/utils.js 文件 30行左右

vue打包之后静态资源访问不到

BUG 。。郁闷来了 跟 网上的不一样 如何**。。。

vue打包之后静态资源访问不到

我们 点击 进入

ExtractTextPlugin 类

vue打包之后静态资源访问不到

发现 该 类的方法 后面 有第三个参数 options  

vue打包之后静态资源访问不到

所以 为何不尝试一下 把 需要新增的配置 参数传进去呢?

vue打包之后静态资源访问不到

测试 成功了