js实现 basepath
实现 Base Path 的方法
在 JavaScript 中，可以通过多种方式实现 base path（基础路径）的功能，具体取决于使用场景。以下是几种常见的实现方式：
使用 window.location 获取当前页面的基础路径
通过解析当前页面的 URL，可以动态获取 base path：
const basePath = window.location.protocol + '//' + window.location.host;如果需要包含路径部分：
const pathArray = window.location.pathname.split('/');
const basePath = window.location.protocol + '//' + window.location.host + '/' + pathArray[1];使用 <base> 标签
HTML 的 <base> 标签可以定义页面上所有相对 URL 的基础 URL：
<base href="https://example.com/my-base-path/" />在 JavaScript 中可以通过以下方式获取：
const basePath = document.querySelector('base').href;在 Node.js 环境中实现
对于服务器端 JavaScript，可以使用 path 模块：
const path = require('path');
const basePath = path.join(__dirname, 'public');使用环境变量配置
通过环境变量配置 base path 是常见的做法：
const basePath = process.env.BASE_PATH || 'https://default-base-path.com';在单页应用（SPA）中的实现
对于 React、Vue 等框架，可以在路由配置中设置 base path：
React Router 示例：
<BrowserRouter basename="/my-app">
<App />
</BrowserRouter>Vue Router 示例：
const router = new VueRouter({
base: '/my-app/',
routes: [...]
})动态计算相对路径
如果需要基于当前脚本位置计算 base path：
const scripts = document.getElementsByTagName('script');
const currentScript = scripts[scripts.length - 1];
const basePath = currentScript.src.split('/').slice(0, -1).join('/');注意事项
- 确保 base path 以斜杠结尾，除非是根域名
- 处理协议相对 URL（
//example.com）时要考虑当前页面协议 - 在跨域场景下注意安全限制
- 对于静态资源，考虑使用 CDN 的 base URL
根据具体应用场景选择合适的实现方式，多数现代前端框架都提供了内置的 base path 配置选项。
