解决Vue打包后点击index.html后页面空白问题

我们在使用命令 npm run build 打包后会生成一个文件夹dist。
点击里面的index.html文件后页面会空白，点击F12查看报错，发现找不到js等文件。

我们需要书写一个配置文件，vue.config.js文件。
这是我原本的文件目录。

没有vue.config.js文件
我们需要自己新建一个vue.config.js文件，并输入以下代码

vue.config.js 代码

const path = require('path')
module.exports={
   publicPath:"./",
   outputDir:"dist",

   indexPath:"index.html",
   filenameHashing:true
}

新建的时候记得别放在文件夹里了，跟bable.config.js是同级目录
这样再次运行 npm run build 就可以完成打包了。
发现已经可以读取js等静态文件了！