vue项目打包后,直接运行index.html文件报无法访问你的文件
问题:vue-cli项目用npm run build打包后,直接运行dist里面的indx.html文件,页面报无法访问你的文件,控制台报不允许加载本地资源。原因:一直以为是路径配置有误,后来百度发现是vue-router的模式设置问题。我把vue-router的mode改为hash就解决问题了。export default new Router({mode: 'hash', // history
·
问题:
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
更多推荐
已为社区贡献4条内容
所有评论(0)