美文网首页
Vue多页面路由配置踩到的坑

Vue多页面路由配置踩到的坑

作者: 般犀 | 来源:发表于2019-04-23 18:15 被阅读0次

事情是这样的,我有两个页面,一个是index.html,一个是login.html。两个都是单页+路由。一开始想在login.html配一个user/xx这样的路由,但是无论怎么配,路由总是导航到index.html,怎么改配置都不对。

后来试了下把路由改成login/xx就可以了。

后来想了想这BUG出得“没毛病”。按后端路由的思想来讲,你访问一个localhost:8080/user/,在没有user.html这个页面的前提下,肯定是返回一个404,估计是webpack的devServer配了 historyApiFallback,该配置可以在url返回404的时候自动跳转到index.html。所以就一直走了index.html的路由。

所以这个问题不是 vue-router 的问题,而是devServer路由跳转的问题。

相关文章

  • Vue多页面路由配置踩到的坑

    事情是这样的,我有两个页面,一个是index.html,一个是login.html。两个都是单页+路由。一开始想在...

  • VUE设置默认首页与redirect重定向

    一、新建vue页面 二、默认页面路由配置 三、设置重定向页面

  • vue-cli脚手架中的路由(vue-router)03(子路由

    对于单页面的vue应用,子路由的配置可能是必不可少的,其实vue的子路由配置很简单。这篇文章是基于上一片文章(路由...

  • vue路由高亮

    在路由配置页面routes的同级添加 linkActiveClass: "myActive" 再在vue组件里...

  • Nuxt.js路由

    路由 Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。 要在页面之间使用路由,我们...

  • nginx配置一个域名多个vue项目

    首先这个坑跟nginx关系不大 1. 需要配置vue-router 创建vue路由 这里 需要配置(这里用的cre...

  • 关于vue history模式下遇到的坑

    背景: vue-cli4 配置vue-router 为history模式 , 跳转子路由后页面正常,但是刷新页面访...

  • 路由

    路由用来管理不同页面间关系和跳转,我们可以自己配置,这种功能就是路由。路由的本质是hash值,vue 中的路由设置...

  • vue创建使用中的问题

    1.vue路由分配,子路由分配。是否可以导入单独的路由对象文件? 2.vue的多页面,curd操作的具体实现 3....

  • vue多页应用

    vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路

网友评论

      本文标题:Vue多页面路由配置踩到的坑

      本文链接:https://www.haomeiwen.com/subject/ntebgqtx.html