js 获取工程路径

// 获取当前页面的完整URL
var currentUrl = window.location.href;

// 获取主机名（包括端口号，如果没有则不包含）
var host = window.location.host;

// 获取协议（http: 或 https:）
var protocol = window.location.protocol;

// 拼接出根路径
var rootPath = protocol + '//' + host;

// 如果你的工程部署在非根目录，还需要加上上下文路径
// 假设上下文路径为 /myapp
var contextPath = '/myapp';
var fullPath = rootPath + contextPath;

console.log(fullPath); // 输出例如：http://example.com/myapp

<!-- 假设你的工程结构如下 -->
<!-- /myapp -->
<!--   /js -->
<!--     script.js -->
<!--   index.html -->

<!-- 在index.html中引用script.js -->
<script src="js/script.js"></script>

// 假设你的HTML中有一个meta标签用来存储上下文路径
<meta name="contextPath" content="/myapp">

// 在JavaScript中读取这个值
var contextPath = document.querySelector('meta[name="contextPath"]').getAttribute('content');
var rootPath = window.location.origin + contextPath;

console.log(rootPath); // 输出例如：http://example.com/myapp

// 在Vue应用中，你可以使用this.$route来获取当前路由信息
// 假设你的Vue应用部署在根路径
const rootPath = this.$route.origin;

// 如果部署在子路径
const rootPath = this.$route.origin + this.$route.matched[0].path;

// 在React应用中，可以使用window.location或者react-router提供的钩子
import { useLocation } from 'react-router-dom';

function App() {
  const location = useLocation();
  const rootPath = window.location.origin + location.pathname.split('/')[1];

  return (
    // ...
  );
}