欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue打包后,index页面显示空白

程序员文章站 2022-06-13 15:52:17
...

vue打包后显示空白正确处理方法是

1、找到配置文件 vue.config.js 我这边用的是vue cli3,没有这个文件的话在项目根目录创一个就好了

vue打包后,index页面显示空白

修改后

vue打包后,index页面显示空白

这样打包处理可以打开但是页面样式会找不到

2、路由模式将histroy改成hash模式,起初 mode:‘history’
vue打包后,index页面显示空白

那么vue-router的hash模式和histroy模式有什么区别呢?

1、hash模式url带#,histroy模式url不带#

2、hash模式解决了通过http请求来切换页面,改变路径可以直接改变页面,无需进行网络请求,这叫前端路由,在hash模式下改变的是#中的信息,

  history模式,可以前进和后退,但是不能刷新页面,刷新之后就会报错。如果后端没有对路由地址进行相应的处理,那么就会报404的错。

3、hash浏览器支持率比较好,支持低版本的浏览器,但history的方法只支持部分浏览器。

相关标签: 个人学习