Question

为什么vue打包后出现后 在浏览器上打开的是空白页

Answer 1

这是因为路由配置中路劲的问题，原因是你配置的URL是这种形式的：

但是你的路由配置却是直接访问了根目录，所以导致资源可以加载但是组件无法渲染的现象。
需要将路由配置改为：
export default new Router

Answer 2

我们做vue项目也遇到过这个问题，如果你是wabpack项目打包应该没这问题（我试过了），如果是静态页面CDN引入vue就会有这个问题，原因：部分手机浏览器不支持 ES6（已测试小米和iphone就支持，华为和一加不支持）。

解决方法：

方法一：页面引入babel-polyfill。

<script src="https://cdn.bootcss.com/babel-polyfill/7.0.0-beta.49/polyfill.min.js"></script>

方法二：参考网友王泽平的博客

npm install --save-dev babel-polyfill

引入babel-polyfill的方法有三种：

import "babel-polyfill";

require("babel-polyfill");

module.exports = {
　　entry: ["babel-polyfill", "./app/js"]
};