使用vue-cli 创建项目时，可以自动生成webpack文件，使用
npm run build
打包生成dist文件。
包含static index.html serverconfig.json 三个文件。
在webpack.base.conf.js 文件里 看打开使用url-loader 处理后的文件是在static目录下生成的fonts目录下的文件，全部样式文件打包在css目录下app.hash.css文件中。
但是发布后，发现，存在字体文件找不到的问题。查看css文件发现是iconfont字体文件的路径引用问题。
在build/untils文件中的下图所属位置添加../../公共路径
此时打包文件里的iconfont字体文件路径里就会加上../../了。发布到生产环境，完美，可以访问的到。
使用vue-cli 创建项目时，可以自动生成webpack文件，使用 npm run build 打包生成dist...
NGINX docker vue 项目 vue 项目打包【build】之后，将生成的dist 文件夹 ，直接放...
1.在路由中添加html页面 2.将vue打包好的dist文件夹中的文件拷贝到public文件夹中3.在app.j...
解决vue cli3.0打包上线静态资源找不到路径问题 项目中遇到打包之后静态资源路径找不到，报如下错误： 解决方...
使用vue3,用vite 进行build，iconfont没有打包进去下发如下@import '//at.alic...
vue ----background-image坑 这种使用webpack打包会出现图片资源文件找不到问题 解决方...
1、打包后资源路径报错 通过vue-cli生成的项目，npm run build打包后的文件部署后会报错，找不到样...
npm run build打包后的dist文件发布到服务器上之后，用服务器路径结合vue路由打开网页，发现浏览器控...
关于Vue打包发布的问题 项目完成之后，发现打包发布以后，在wamp配置完成以后，访问首页和主题页都没有问题，当进...
把vue打包之后部署到oss，发现刷新会出现404页面原因是请求首先会去目录下找文件，找不到就会爆出404，我们设...
本文标题：vue打包发布之后，Iconfont 文件找不到
本文链接：https://www.haomeiwen.com/subject/wvbetctx.html
网友评论