admin管理员组

文章数量:1516870

背景

vue2:项目打包后，页面崩溃

问题猜想：

  • 可能是代码报错
  • 可能是接口报错
  • 路径问题

解决：

猜测一：代码报错

打开浏览器控制台，在console里边没有查看到报错信息
结果： 非代码报错问题

猜测二：接口报错

打开浏览器控制台，
页面未加载，没有请求到接口
在postman中测试接口，成功连接并返回数据
结果： 非接口问题

猜测三：路径问题

共修改内容四处：如下
1⃣️、修改build文件，
a、build下的utils文件 PublicPath: './',

b、修改build文件夹
webpack.base.conf.js 文件中publicPAth: publicPath: process.env.NODE_ENV === 'production' ? './' + config.build.assetsPublicPath : './' + config.dev.assetsPublicPath

增加修改：

提示： 如果按照上述修改还不行的话就在webpack.prod.conf.js 文件中增加一个时间戳：Timestamp
output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].'+Timestamp+'js'), chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+Timestamp+'js'), publicPath: './' },

初步解决，有待完善

本文标签： 路径问题项目打包打开浏览

版权声明：本文标题：从零到一：Vue2项目打包教程与常见问题解答 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1771582801a3267164.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。