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
命令运行我的项目时,它会按照预期在URLlocalhost:8080/#/
中加载登录页面
问题:
在登录页面中键入用户名和密码后,应用程序会将我重定向到同一登录页面,URLlocalhost: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提交的。