vue/react/js 常用的原生获取当前页面的url网址的相关方法

在Vue、React和原生JavaScript中获取当前页面的URL网址，可以使用以下方法：

1. 在Vue中，可以通过this.$route.fullPath获取当前路由的完整URL路径（仅适用于使用Vue Router的应用）。

// Vue 2
created() {
  console.log(this.$route.fullPath);
}
 
// Vue 3 (Composition API)
import { useRoute } from 'vue-router';
setup() {
  const route = useRoute();
  console.log(route.fullPath);
}

2. 在React中，可以通过window.location.href获取当前页面的完整URL。

import React, { useEffect } from 'react';
 
function App() {
  useEffect(() => {
    console.log(window.location.href);
  }, []);
 
  return (
    <div>
      {/* Your app content */}
    </div>
  );
}

3. 在原生JavaScript中，可以直接使用window.location.href获取当前页面的完整URL。

console.log(window.location.href);

以上代码可以在Vue、React或原生JavaScript中使用，用于获取当前页面的URL网址。