vue项目出现页面空白的解决方案

 更新时间:2019年10月31日 11:34:55   作者:小仙女de成长  
今天小编就为大家分享一篇vue项目出现页面空白的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

今天新建项目,然后发现路由也改了  app.vue里面也是啥都没有,

但是访问http://localhost:8080/#/login  能访问  里面确实空白的

错误:

错误原因:

path: '/'   只能有1个 整个项目只能有一个【但是我有了2个】,然后我要重定向到login页面,我path又没配置好。

导致页面啥都出不来。

解决办法如下:

以上这篇vue项目出现页面空白的解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue.js如何实现路由懒加载浅析

    Vue.js如何实现路由懒加载浅析

    Vue是可以自定义指令的,最近学习过程中遇见了一个需要懒加载的功能,发现网上这方面的资料较少,所以下面这篇文章主要给大家介绍了关于Vue.js如何实现路由懒加载的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • Vue匿名插槽与作用域插槽的合并和覆盖行为

    Vue匿名插槽与作用域插槽的合并和覆盖行为

    这篇文章主要介绍了Vue基础-匿名插槽与作用域插槽的合并和覆盖行为 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • 15 分钟掌握vue-next响应式原理

    15 分钟掌握vue-next响应式原理

    这篇文章主要介绍了15 分钟掌握vue-next响应式原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 一个手写的vue放大镜效果

    一个手写的vue放大镜效果

    这篇文章主要介绍了一个手写的vue放大镜,组件使用less,文中给出了示例代码,需要的朋友可以参考下
    2019-08-08
  • Vue 计算属性 computed

    Vue 计算属性 computed

    这篇文章主要介绍了Vue 计算属性 computed,一般情况下属性都是放到data中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性,下面我们来看看具体实例,需要的朋友可以参考一下
    2021-10-10
  • 详解如何去除vue项目中的#——History模式

    详解如何去除vue项目中的#——History模式

    这篇文章主要介绍了详解如何去除vue项目中的#——History模式 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Vue3在css中使用v-bind绑定js/ts变量(在scss和less中使用方式)

    Vue3在css中使用v-bind绑定js/ts变量(在scss和less中使用方式)

    v-bind是Vue.js中的一个核心指令,用于在Vue组件或DOM元素上绑定数据属性,下面这篇文章主要给大家介绍了关于Vue3在css中使用v-bind绑定js/ts变量的相关资料,也可以在scss和less中使用方式,需要的朋友可以参考下
    2024-04-04
  • vue本地打开build后生成的dist文件夹index.html问题

    vue本地打开build后生成的dist文件夹index.html问题

    这篇文章主要介绍了vue本地打开build后生成的dist文件夹index.html问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-09-09
  • vue项目首屏加载时间优化实战

    vue项目首屏加载时间优化实战

    单页面应用的一个问题就是首页加载东西过多,加载时间过长。特别在移动端,单页面应用的首屏加载优化更是绕不开的话题,这篇文章主要介绍了vue项目首屏加载时间优化实战,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • vue 设置 input 为不可以编辑的实现方法

    vue 设置 input 为不可以编辑的实现方法

    今天小编就为大家分享一篇vue 设置 input 为不可以编辑的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论