我们的商城项目在打包的时候一般使用npm run build来进行打包,整合编译项目,大大缩小项目的大小。
但是打包的时候遇到了一个问题,当我们把文件放到public中的dist时,一但跳转路由界面,就会报错,显示缺少某个文件,但文件的确是存在的,而且我们在本地运行的时候没有这种报错,但是打包好后问题就出现了。
以上问题因为路径问题导致的,我们vue打包的时候回默认使用绝对路径,默认就是当前文件夹的js文件夹和css文件夹,我们默认的主页获取的是正确的,public/dist/css和js,但是,跳转路由后,获取的文件路径变为了,public/css和js,这就是获取不到文件的原因。
解决方法为,更换为相对路径。我们需要修改vue.config.js下的publicPath。
把他设置为相对路径就好了。
上一篇: 迅睿cms中前端技巧
下一篇: vant单选框控制显示bug解决