vue项目打包出现空白页

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

你可能感兴趣的:(vue项目打包出现空白页)