logo
  • 指南
  • API
  • 博客
  • 简体中文
    • 简体中文
    • English
    • 开始
      介绍
      术语表
      环境要求
      快速开始
      基础
      Rspack
      渲染上下文
      客户端渲染
      路径别名
      基础路径
      模块链接

      最后更新于: 2025/11/19 06:15:02

      上一页路径别名下一页模块链接

      #基础路径

      基础路径(Base Path)是指应用程序中静态资源(如 JavaScript、CSS、图片等)的访问路径前缀。在 Esmx 中,合理配置基础路径对于以下场景至关重要:

      • 多环境部署:支持开发环境、测试环境、生产环境等不同环境的资源访问
      • 多区域部署:适配不同地区或国家的集群部署需求
      • CDN 分发:实现静态资源的全球分发和加速

      #默认路径机制

      Esmx 采用基于服务名的自动路径生成机制。默认情况下,框架会读取项目 package.json 中的 name 字段来生成静态资源的基础路径:/your-app-name/。

      package.json
      {
          "name": "your-app-name"
      }

      这种约定优于配置的设计具有以下优势:

      • 一致性:确保所有静态资源使用统一的访问路径
      • 可预测性:通过 package.json 的 name 字段即可推断出资源的访问路径
      • 可维护性:无需额外配置,降低维护成本

      #动态路径配置

      在实际项目中,我们经常需要将同一套代码部署到不同的环境或区域。Esmx 提供了动态基础路径的支持,使得应用程序能够适应不同的部署场景。

      #使用场景

      #二级目录部署

      - example.com      -> 默认主站
      - example.com/cn/  -> 中文站点
      - example.com/en/  -> 英文站点

      #独立域名部署

      - example.com    -> 默认主站
      - cn.example.com -> 中文站点
      - en.example.com -> 英文站点

      #配置方法

      通过 esmx.render() 方法的 base 参数,你可以根据请求上下文动态设置基础路径:

      const render = await esmx.render({
          base: '/cn',
          params: {
              url: req.url
          }
      });