无法读取查询参数,因为vue.js正在将#/添加到url的末尾
我在vueJS中有一个单页应用程序:无法读取查询参数,因为vue.js正在将#/添加到url的末尾,vue.js,routing,routes,url-parameters,Vue.js,Routing,Routes,Url Parameters,我在vueJS中有一个单页应用程序: let router = new VueRouter({ routes: [ { path: '/', component: Dis13HomeComponent }, { path: '**', component: Dis13HomeComponent } ] }); 在main component In mounted()中,我得到如下url参数: this.$route.query.token; 但是,如果我打开它,它不
let router = new VueRouter({
routes: [
{ path: '/', component: Dis13HomeComponent },
{ path: '**', component: Dis13HomeComponent }
]
});
在main component In mounted()中,我得到如下url参数:
this.$route.query.token;
但是,如果我打开它,它不会读取token参数,因为vue正在将#/
添加到url的末尾,因此看起来
若我打开这个url格式:那个么它可以工作,但这个路径在服务器上是被禁止的
如何读取令牌参数?使您的路由器使用
历史
模式,您将不再具有“#”功能
const router = new VueRouter({
mode: 'history', // <------------- HERE
routes: [
{ path: '/', component: Dis13HomeComponent },
{ path: '**', component: Dis13HomeComponent }
]
});
const路由器=新的VueRouter({
模式:“历史”//