Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue路由器不';似乎无法在页面加载时加载默认路由_Javascript_Vuejs2_Vue Router - Fatal编程技术网

Javascript Vue路由器不';似乎无法在页面加载时加载默认路由

Javascript Vue路由器不';似乎无法在页面加载时加载默认路由,javascript,vuejs2,vue-router,Javascript,Vuejs2,Vue Router,我使用Vue路由器和Vue cli设置了我的Vue 2.0项目。我的项目中的每个页面都是一个单独的.vue组件,通过路由连接在一起 这是我的路由器/index.js import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/Login/Login' import Component1 from '@/components/Component1/Component1' import C

我使用
Vue路由器
Vue cli
设置了我的Vue 2.0项目。我的项目中的每个页面都是一个单独的
.vue
组件,通过路由连接在一起

这是我的
路由器/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/Login/Login'
import Component1 from '@/components/Component1/Component1'
import Component2 from '@/components/component2/component2'

Vue.use(Router)

const router = new Router({
  history : false,
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path : '/component1',
      name : 'Component1',
      component : Component1
    },
    {
      path : '/component2',
      name : 'Component2',
      component : Component2
    },
    {
      path : '*',
      redirect : '/'
    }
  ]
});
当我使用
npm run dev
命令运行我的项目时,它会按照预期在URL
localhost:8080/#/
中加载登录页面

问题:

在登录页面中键入用户名和密码后,应用程序会将我重定向到同一登录页面,URL
localhost:8080/?\#/
。注意散列前面的问号。此时,我被迫再次输入用户名和密码,以便它将我路由到正确的URL(在本例中为
localhost:8080/?#/component1
等)


如果直接转到URL
localhost:8080/?#/
,则不会出现此问题。我如何解决这个问题?我不希望用户两次输入他们的凭据。

在我的登录页面中,看到Daniel的评论后,我用
替换
解决了这个问题。

在我的登录页面中看到Daniel的评论后,我用
替换
解决了这个问题。

是您的登录表单作为GET而不是POST或XHR请求提交?请看这里:我没有使用vuex。我正在使用POST请求进行登录。此外,无论凭证是什么,登录页面都会重新加载。即使只是简单地点击登录按钮也会有同样的效果。vuex与我链接的问题无关,但如果你确定你一直在使用POST,我可能走错了方向。尽管根据你的回答,你的表单确实是以GET形式提交的。你的登录表单是以GET形式提交的,而不是POST或XHR请求吗?请看这里:我没有使用vuex。我正在使用POST请求进行登录。此外,无论凭证是什么,登录页面都会重新加载。即使只是简单地点击登录按钮也会有同样的效果。vuex与我链接的问题无关,但如果你确定你一直在使用POST,我可能走错了方向。尽管根据你的回答,你的表单确实是作为GET提交的。