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 打包就可以了

持续更新中...

欢迎留言✌️

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。