vue打包后,index页面显示空白
程序员文章站
2022-06-13 15:52:17
...
vue打包后显示空白正确处理方法是
1、找到配置文件 vue.config.js 我这边用的是vue cli3,没有这个文件的话在项目根目录创一个就好了
修改后
这样打包处理可以打开但是页面样式会找不到
2、路由模式将histroy改成hash模式,起初 mode:‘history’
那么vue-router的hash模式和histroy模式有什么区别呢?
1、hash模式url带#,histroy模式url不带#
2、hash模式解决了通过http请求来切换页面,改变路径可以直接改变页面,无需进行网络请求,这叫前端路由,在hash模式下改变的是#中的信息,
history模式,可以前进和后退,但是不能刷新页面,刷新之后就会报错。如果后端没有对路由地址进行相应的处理,那么就会报404的错。
3、hash浏览器支持率比较好,支持低版本的浏览器,但history的方法只支持部分浏览器。
上一篇: ECMAScript6(12):Proxy 和 Reflect
下一篇: 初探ES6:箭头函数
推荐阅读
-
vue+webpack 打包文件 404 页面空白的解决方法
-
解决Vue 项目打包后favicon无法正常显示的问题
-
vue-cli打包后本地运行dist文件中的index.html操作
-
vue打包后显示空白正确处理方法
-
解决vue打包后刷新页面报错:Unexpected token <
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题
-
如何解决vue2.0 打包之后 打开index.html出现空白页
-
如何解决vue2.0 打包之后 打开index.html出现空白页
-
vue文件打包之后打开index.html发现一片空白
-
vue-cli 3.0 打包后运行index.html 出现空白解决方案