下面我就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。这里以vue-cli创建的项目为例1、文件路径不对找到config文件夹下的index.js文件修改一下位置看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/改为‘./2、背景图片路径不对在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改一下位置加入红框内字段即可。...
这次给大家带来vue :src怎样处理文件路径错误，vue :src处理文件路径错误的注意事项有哪些，下面就是实战案例，一起来看一下。 assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖 static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack...
这次给大家带来vue :src 文件路径错误问题如何处理，处理vue :src 文件路径错误问题的注意事项有哪些，下面就是实战案例，一起来看一下。首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助 assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析...
这次给大家带来Vue打包之后文件路径出错如何处理，Vue打包之后文件路径出错处理的注意事项有哪些，下面就是实战案例，一起来看一下。这里以vue-cli创建的项目为例1、文件路径不对找到config文件夹下的index.js文件修改一下位置看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/改为‘./2、背景图片路径不对在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改...
本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。百度了一下，怀疑是build里面没有定义路径问题，度友提供了解决方案：
找到config文件夹下的index.js文件，修改路径代码找到build对象，修改属性assetsPublicPath为 ‘./
但是由于vue-cli项目中已经没有config文件夹，需要在根目录下创建vue.config.js具...
在使用vue-cli创建vue项目时，可以自动生成webpack文件。使用
npm run build即可打包发布生产文件，打包后的文件webpack配置
可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件。全部样式文件打包在css目录下app.hash.css文件中。
但我们会发现发布后，会存在字体文件找不到的问题，查看css文件发现是iconfont字体文件的路径引用问题。解决方法：
在build/utils文件中的下图所示位置添加../../公共路径这...
vue项目打包后在production模式下提示图片 ‘404（not found），在dev环境下好好的，打包了就提示这个错误。这是为什么呢，以前第一次使用vue-cli构建项目的的时候只有两个图片文件，当时部署后报错路径问题， 当时的想法就是简单粗暴，直接在build好的文件修改了文件路径，再后来项目中遇到了一大堆静态资源，修改路径显然是不行的，看了一下生成文件大概知道是文件目录改变了，所以引用的路径也要随之改变，网上最简单的方法是修...
首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖 static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack解析。他会直接被复制到最终的打包...
这里以vue-cli创建的项目为例
1、文件路径不对
找到config文件夹下的index.js文件修改一下位置看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/改为‘./
2、背景图片路径不对在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改一下位置
加入红框内字段即可。
以上这篇解决Vue打包之后文件路径出错的问题就是小编分享给大家的全部内容了，希望能给大家一个参...
下面我就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。
