vue项目页面空白但不报错产生的原因分析

这篇具有很好参考价值的文章主要介绍了vue项目页面空白但不报错产生的原因分析。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.访问的本身就是一个空白页面

为了避免这种情况我们可以在新页面写一些文字等进行页面展示

2.路由重复

如果配置两个路由是重复的,比如配置了两个path:'/user' ,那么访问就会看到空白页面,这时候删除一个重复的配置路由即可

3.app.js中没有写<router-view/>

把app.js看成是顶级的路由,再次创建的路由是属于二级路由

4.路由导航守卫没有next()

路由导航守卫中,next()相当于是安保人员,只有他有权利进行放行,如果他不放行,那么肯定无法接着访问下面的路由页面,进而导致页面空白文章来源地址https://www.toymoban.com/news/detail-516533.html

到了这里,关于vue项目页面空白但不报错产生的原因分析的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue3 vite build 之后不显示页面内容,只显示空白,也没有报错如何解决

    我的项目在 build 之后就插入到我的主网站的 /tools/image 路径下使用的,并非主网站,所以需要配置两个地方: 添加 base,意思是 build 之后的外部资源都从当前目录的相对路径获取。 比如 main.js 不是 /main.js 而是 ./main.js 我不知道是什么原理哈,反正是管用,之前在没有使用

    2024年02月13日
    浏览(64)
  • 解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

    报错内容 解决方法 router文件 vite.config.ts nginx.conf 配置中路径apps是我自建的存放前端页面的文件夹 起关键作用的是 try_files $uri $uri/ /demo/index.html ,当然上面项目文件夹demo也需保持一致 alias 后面的路径是Vue项目打包后dist静态文件服务器存放路径,一般在nginx下面建一个文件夹

    2024年02月11日
    浏览(59)
  • 在gateway中使用openfeign时,项目启动不了也不报错

    升级spring boot到2.7.0,gateway先启动其他微服务,在启动网关,网关启动不了,但是网关也没有任何异常日志,仅仅是一直等待状态,查看nacos服务未正常注册;先启动网关,所有服务能正常启动,产看nacos服务,所有服务能正常注册。 最终发现是Feign导致, Spring Cloud Gateway使用

    2024年02月09日
    浏览(61)
  • 2023版本idea使用maven新建web项目(亲测不报错)

    1.新建项目——选择maven Archetype然后在Archetype选择webapp——选择创建 2.直接选择创建,等待maven加载完,就可以, 3.然后我们找到左上角选择编辑配置,    4.添加tomcat,选择加号,然后选择本地,  5.再点击修正,应用,就添加成功了   最后再启动一下,页面出现hello world就

    2024年02月11日
    浏览(56)
  • Vue3 element-plus el-select 无法选中,又不报错

    html 结构 js 代码 点击下拉选项,输入框无法选中 原因:ref=“conditionForm” 和 :model=“conditionForm” 冲突了, 4-1. 再Vue2里面 :model=“conditionForm” 绑定的是 conditionForm 变量, ref=“conditionForm” 绑定的是conditionForm字符串 v-model=“conditionForm.personnel” 绑定的 conditionForm 变量下属性

    2023年04月27日
    浏览(47)
  • BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行

    UI:element-UI 前端:vue2 正常表单里面,有的信息要求必填或者加了一些限制,作为校验验证,只有走到校验才会执行其他行为,比如调用保存接口。 而我遇到的问题是,无论怎么点保存都不会正常往下走,校验状态始终为false,也就是说校验这块有问题。 可是程序页面都没报

    2024年04月12日
    浏览(42)
  • vue3打包后页面空白解决方法

    最近写一个小项目 没有打包的时候一切正常 技术栈用的vue3 + vite 我用的是npm创建的项目 问题一 :打包后页面空白,什么都没有 问题二:刷新页面后找不到资源 把url的index.html去掉后可以正常显示但是刷新后又会出现新的问题 问题如下 第一步 先在vite.config.js中添加一行代码

    2024年01月16日
    浏览(39)
  • Vue路由模式(history模式 刷新页面空白解决方案)

    vue路由的三种模式 Hash模式 、 History模式 、 abstract 模式 Vue3: Hash 模式是用 createWebHashHistory() 创建的: Vue2 它在内部传递的实际 URL 之前使用了一个哈希字符(#)。由于这部分 URL 从未被发送到服务器,所以它不需要在服务器层面上进行任何特殊处理。不过,它在 SEO 中确实有

    2024年02月12日
    浏览(63)
  • 【FPGA时序异常原因分析】——详细解析FPGA时序异常产生的原因及处理方法

    【FPGA时序异常原因分析】——详细解析FPGA时序异常产生的原因及处理方法 FPGA是可编程逻辑器件,应用广泛。在使用FPGA时,偶尔会出现时序异常的情况,导致设计的功能无法正确实现。这对于任何工程师来说都是非常头疼的问题。本文将详细解析FPGA时序异常的原因,以及如

    2024年02月08日
    浏览(50)
  • electron项目打包之后显示空白页面以及发送http请求地址错误

            electron项目在开发阶段,因为使用webpack脚手架,启用了webServer提供的http服务,所以有路由功能,当我们运行npm run electron:serve的时候,最后可以直接加载http://localhost:8080。在app里面就可以显示页面。     当electron项目打包之后,成为桌面程序,这个时候就没有http服务支

    2024年02月13日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包