vue-cli打包之后頁面為空的問題。

做了一個demo，想看一下打包之后的樣子，發現頁面是空的。

發現問題就要解決：

1.首先看控制台沒有報任何錯誤，那就證明我們的代碼是沒有任何問題的。

只能是路徑問題造成的。

2.在路由router/index.js中加入一個404頁面,代碼引入創建之類的就不說了。也就是說只要路徑錯誤，Error這個vue組件就會顯示

{
      path: '*',
      name: '404',
      component: Error,
      hidden: true
    }

3.再打包，發現新增的Error果然出現。

4.再次證明是路徑問題，想到路由有個mode模式

之前考慮到原先的默認模式（也就是地址后面帶"#"）很不習慣，所以改為history模式了

export default new Router({
  mode:'history',
  routes: [
    {
。。。

5.看下是不是這個問題

把history模式去掉

再打包

OK，一切正常

 

補充一下：

看一下config/index.js 里面

把絕對路徑改為相對路徑！！！！！