码迷,mamicode.com
首页 > 其他好文 > 详细

记录下自己VUE项目用Hbuider打包后启动白屏问题

时间:2019-03-29 13:20:42      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:path   vue   htm   启动白屏   mode   nal   npm   resolve   analyzer   

 刚用VUE做项目,之前测试时vue创建的自身项目打包都是启动OK没问题。今天打包自己的时,启动一直白屏。折磨了好久,百度了一堆。终于找到了方法。

首先是在config/index.js里面

build: {
    // Template for index.html
    index: path.resolve(__dirname, ../dist/index.html),

    // Paths
    assetsRoot: path.resolve(__dirname, ../dist),
    assetsSubDirectory: static,
    assetsPublicPath: ./,

    /**
     * Source Maps
     */

    productionSourceMap: true,
  
    devtool: #source-map,

    productionGzip: false,
    productionGzipExtensions: [js, css],
    bundleAnalyzerReport: process.env.npm_config_report
  }
assetsPublicPath我确实也改为了相对路径"./",
然后在自己配置路由里面。
const router = new VueRouter({
    mode: "history",//这个有问题,要改为hash
    routes: routers
});

网上说mode不能为history。

百度了下这两个区别,

history: 依赖 HTML5 History API 和服务器配置。

hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。

两个在PC上运行时没什么 区别,但是改为hash后打包后就可以了,没白屏了。

 

记录下自己VUE项目用Hbuider打包后启动白屏问题

标签:path   vue   htm   启动白屏   mode   nal   npm   resolve   analyzer   

原文地址:https://www.cnblogs.com/huzhuhua/p/10620471.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!