vue项目打包后，直接运行index.html文件报无法访问你的文件

问题：

vue-cli项目用npm run build打包后，直接运行dist里面的indx.html文件，页面报无法访问你的文件，控制台报不允许加载本地资源。

原因：

一直以为是路径配置有误，后来百度发现是vue-router的模式设置问题。我把vue-router的mode改为hash就解决问题了。

export default new Router({
  mode: 'hash', // history去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

但是hash模式会带一个#不太好，在有些应用场景不太适合。如果还是用history,需要后端配置，官方文档有说明。
https://router.vuejs.org/zh/guide/essentials/history-mode.html