网站开发协同,建站导航,wordpress制作404,企业网站建设产品设计书今天在搭建一个前后端分离的项目#xff0c;前端报了一个问题#xff0c;由于我不太了解前端#xff0c;找了好多办法都没解决。因为是维护老项目#xff0c;拿到源码大概率是没有问题的#xff08;我也是赌的……只能按照没问题来查了#xff09;#xff0c;最后耐下心…今天在搭建一个前后端分离的项目前端报了一个问题由于我不太了解前端找了好多办法都没解决。因为是维护老项目拿到源码大概率是没有问题的我也是赌的……只能按照没问题来查了最后耐下心来仔细检查对比路径终于发现了问题。 此处假设我的项目名是myProject
问题
ChunkLoadError: Loading chunk 0 failed. (error: http://localhost:8082/myProject/static/js/0.js) 假设myProject是我的项目名大概就报这个错
解题思路 我把error后面的地址http://localhost:8082/myProject/static/js/0.js复制到新的浏览器窗口在控制台看报错信息。报错信息如下 我的路径有重复的static/js由此大概猜到是路径的问题。于是我将这段路径复制到浏览器并结合我配置的publicPath(在vue.config.js里)。如下图所示 如果我配置了publicPath: “./”, 那就意味着访问js的路径在http://localhost:8082/static/js/app.js。我又拿http://localhost:8082/static/js/app.js到浏览器去访问试了一下果然成功了。 所以我按照注释的提示去改了publicPath(在vue.config.js里)这个配置按照我的项目名改成了publicPath: “/myProject/”,再重新运行vue就解决了。
总结
公共路径配置的有问题直接配置到了根下面如http://localhost:8082/。 请结合浏览器控制台反馈的问题检查vue.config.js里面的publicPath配置或许这样你的问题就解决了。 另外修改了配置一定要重启vue啊 这个问题卡了我很久我也是前端小白。但咋说呢程序没有那么多邪乎的事儿吧还是要细心耐心的慢慢查。
