vue项目打包出现空白页的问题可能会有几个方面导致,下面就一一说来。
一、打包路径问题
需要在vue.config.js中添加publicPath
module.exports = {
publicPath:'./'
}
二、设置代理的问题
vue设置了代理是来解决跨域问题的,但是是在开发阶段,如果生产阶段是不生效的,所以要环境变量来解决。
根目录创建.env.development和.env.production文件
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // api的_url
timeout: 50000, // request timeout
});
三、路由模式修改成:hash进行自测
最后如果大家想看视频教程,可以来小鹿线:https://xuexiluxian.cn/course/detail/8437882162114b308e49663b32146430