npm run build打包页面空白原因: 路径错误解决: 文件：把assetsPublicPath: '/'改为

原因: 路径错误
解决: 文件：把assetsPublicPath: '/'改为assetsPublicPath: ‘./’

build: {
assetsPublicPath: ‘./’,
}

2.Vue在IE、低版本Android显示空白问题原因: IE对promise的支持不好
解决: 安装：babel-polyfill和es6-promise:

	npm install babel-polyfill
	npm install es6-promise

然后在main.js文件中引用:

import 'babel-polyfill'
import Vue from 'vue'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

最后 build/webpack.base.conf.js 文件中配置如下：

module.exports = {
entry: {
app: [“babel-polyfill”, “./src/main.js”]
} };

IE不支持 Promise 解决办法

引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
或 <script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

4.解决方法是在项目根目录下新建一个文件vue.config.js，在里面添加如下语句：

module.exports = { chainWebpack: config => {
config.rule(‘js’).include.add(/node_modules/(dom7|swiper)/.*/) } }

5.升级vue2+部分手机访问出现页面空白

npm run dev后可能出现无法加载到路由模板的信息。

解决：config/index.js文件：

把 devtool: ‘#eval-source-map’ 改为devtool:‘inline-source-map’

6.升级vue2+IP访问页面空白

默认只能通过localhost或者127.0.0.1才能访问，如果使用本机的Ip地址会出现无法访问到的情况。

解决：config/index.js文件：

把config/index.js中“host” 配置为“0.0.0.0”就可以解决，或者设置为你电脑的IP地址也行.