背景
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
c、修改build文件夹
webpack.prod.conf.js 文件中publicPAth:publicPath: './'
d、修改config文件夹
conf.js 文件中publicPAth: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: './' },