vue 打包后,静态资源找不到

打包

用npm run build 打包后,把打包过后的文件放在服务器上,访问指定地址时一片空白,打开F12进行查看,出现如下报错:


报错.png

报错原因分析

配置的js的路径有问题,在build时会生成index.html和static文件夹,static下面会存放页面相应的js和css文件


image.png

解决办法

在开发环境下的目录里会有config文件夹,config文件夹里有个index.js文件打开找到build,操作如下:


image.png

需要把这个路径改成'./',更改后


image.png

保存后,重新npm run build 打包就可以了

持续更新中...

欢迎留言✌️

你可能感兴趣的:(vue 打包后,静态资源找不到)