咨询电话:
15628812133
13
2024/10

npm run build打包时路径调整

发布时间:2024-10-13 20:34:55
发布者:dzw
浏览量:
0

    我们的商城项目在打包的时候一般使用npm run build来进行打包,整合编译项目,大大缩小项目的大小。

    但是打包的时候遇到了一个问题,当我们把文件放到public中的dist时,一但跳转路由界面,就会报错,显示缺少某个文件,但文件的确是存在的,而且我们在本地运行的时候没有这种报错,但是打包好后问题就出现了。

    以上问题因为路径问题导致的,我们vue打包的时候回默认使用绝对路径,默认就是当前文件夹的js文件夹和css文件夹,我们默认的主页获取的是正确的,public/dist/css和js,但是,跳转路由后,获取的文件路径变为了,public/css和js,这就是获取不到文件的原因。

image

    解决方法为,更换为相对路径。我们需要修改vue.config.js下的publicPath。

image

    把他设置为相对路径就好了。

image

关键词:
返回列表