在 Vue-router history 模式下使用相对路径打包

在 Vue-router 官网的说明中，history 路由模式下无法使用相对路径，而要求在路由中使用 base 选项来匹配路径。然而，当需要同时在多个路径下打包前端代码时，配置一个 base 就会产生冲突。

为了解决这个问题，我们可以通过修改思路，在 nginx 服务器配置中实现相对路径：

1. 打包一份代码，不带 baseUrl

2. 将代码部署到两个端口下：

   

   Ainative Vue Sdk

   使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……

   下载

   立即学习“前端免费学习笔记（深入）”；

   • 例如：localhost:9527、localhost:9528

3. 通过 nginx 代理转发：

   • 将 localhost/urlA 代理到 localhost:9527
   • 将 localhost/urlB 代理到 localhost:9528

这样，只需打包一份代码，通过代理转发即可满足在不同路径下使用前端代码的需求。