VUE打包白屏问题(该问题比较常见)

首先,请先确认你的所有引入的路径为'./xxx'


1. 在config文件夹下,找到index.js 

1️⃣      assetsPublicPath:'./'

2️⃣      proxyTable: {

      '/api': {

        target: 'http://api.xinnet.com/domain/',

        changeOrigin: true,

        pathRewrite: {

          '^/api': ''

        }

      }

    }


1



2. 在build文件夹下的webpage.prod.config.js 找到output中写一个publicPath:'./'


2


3. 在build文件夹下,找到utils.js 的 publicPath: '../../'



3


4.npm  run build  就可以了

(如果还想在本地run这个项目请把config文件夹下的index.js文件里的  assetsPublicPath:'./' 变成 =>   assetsPublicPath:'/'  

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,673评论 4 31
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,109评论 1 4
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,108评论 0 0
  • 要使用这个模板,可以用vue-cli来支持一个项目。 $ npm install -g vue-cli $ vue...
    吃鸡翅的可乐阅读 1,722评论 0 2
  • 先是我家买了一台录音机。那时标准的叫法是立体声双卡收录机,听上去怪四化的。录音机是我爸买的,我爸这人没什么文化,大...
    会飞的王动阅读 3,177评论 1 4