Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
无法读取查询参数,因为vue.js正在将#/添加到url的末尾_Vue.js_Routing_Routes_Url Parameters - Fatal编程技术网

无法读取查询参数,因为vue.js正在将#/添加到url的末尾

无法读取查询参数,因为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; 但是,如果我打开它,它不

我在vueJS中有一个单页应用程序:

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({
模式:“历史”//