Vue 获取当前页面URL和进行页面重定向

在Vue中，你可以使用vue-router来获取当前页面的URL和进行页面重定向。以下是如何做到这一点的示例代码：

// 引入Vue和VueRouter
import Vue from 'vue';
import VueRouter from 'vue-router';
 
// 使用VueRouter
Vue.use(VueRouter);
 
// 定义路由
const routes = [
  // ... 其他路由定义
];
 
// 创建router实例
const router = new VueRouter({
  mode: 'history',
  routes
});
 
// 获取当前路由信息
const currentPath = router.currentRoute.path;
console.log('当前页面URL:', currentPath);
 
// 进行页面重定向
router.replace('/new-path'); // 将页面重定向到/new-path

在你的Vue组件中，你可以这样获取当前的URL：

export default {
  name: 'MyComponent',
  mounted() {
    // 获取当前页面URL
    const currentUrl = this.$route.path;
    console.log('当前页面URL:', currentUrl);
  },
  methods: {
    redirectToNewPath() {
      // 进行页面重定向
      this.$router.replace('/new-path');
    }
  }
};

确保你已经在Vue实例中正确使用了router实例：

new Vue({
  router,
  // ... 其他选项
}).$mount('#app');

这样，你就可以在Vue应用中获取当前页面的URL并进行页面重定向了。