VUE 打包后访问index.html空白页面问题和找不到静态文件问题

背景：
        vue项目，打包后生成的dist下index.html文件打开报错问题！

错误1：显示无访问文件

                        

错误原因： router路由在history模式打包后出现空白页面的情况,而且没有资源加载错误的报错信息

解决办法：在 router/index.js 文件中定义

const router = new VueRouter({
  //mode: 'history',//屏蔽或删除，默认 hash 模式
  base: process.env.BASE_URL,
  routes
})

 错误2：控制台显示找不到静态文件

                        

错误原因：没有指定build后文件路径

解决办法：在 vue.config.js 文件中定义

module.exports = {
    publicPath: './',    // 基本路径
    outputDir: 'dist',   // 设置项目打包生成的文件的存储目录，可以是静态路径也可以是相对路径。
    assetsDir: 'static', // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
}