如何动态获取的url地址栏后拼token

你可以使用Vue Router的导航守卫（navigation guards）来动态获取URL地址栏中的参数，并将其拼接到请求头中的token中。以下是一个示例： ```javascript // 在路由配置中定义导航守卫 { path: '/example', name: 'Example', component: Example, beforeEnter: (to, from, next) => { const token = getTokenFromUrl(); // 从URL地址栏中获取token if (token) { // 将token设置到请求头中 axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; next(); } else { // 如果没有token，则重定向到登录页面 next('/login'); } } } // 获取URL地址栏中的token function getTokenFromUrl() { const searchParams = new URLSearchParams(window.location.search); return searchParams.get('token'); } ``` 在上面的示例中，我们在路由配置中定义了一个`beforeEnter`导航守卫。在该导航守卫中，我们首先调用`getTokenFromUrl()`函数来获取URL地址栏中的token。如果存在token，则将其设置到axios请求头中的`Authorization`字段中，并调用`next()`函数继续进行路由跳转。如果不存在token，则重定向到登录页面。 注意，在实际应用中，你需要根据自己的需求来修改代码。例如，你可能需要对token进行验证或解密，以确保其有效性。