@vue-cli3 build生成的dist文件在本地打开失败_vue打包成dist文件后打不开

1、如果说双击打开本地 dist 文件夹里面的 index，浏览器窗口一片空白，如下图所示：

这个时候需要检查一下路由 history 配置，默认是:

const router =createRouter({
 
  history:createWebHistory(process.env.BASE_URL),
 
  routes
 
});

 需要把 createWebHistory 修改为 createWebHashHistory：

const router =createRouter({
 
  history:createWebHashHistory(process.env.BASE_URL),
 
  routes
 
});

然后就大功告成啦

2、如果打包之后控制台报错 Failed to load resource: net::ERR_FILE_NOT_FOUND ：

这个时候需要检查一下 vue.config.js文件的 publicPath配置

module.exports ={
 
  // 部署应用包时的基本 URL
 
  publicPath:process.env.NODE_ENV ==='production' ?'./' :'/',
 
}
 

修改 publicPath :'./',参考官网：配置参考。这样就 ok 啦。