vue项目打包出现空白页

2022-02-21 本文已影响0人终身成长人格

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
});