前端请求/authapi/auth/permissions 实际发给后端 /api/auth/permissions 本地和线上配置

VITE_GLOB_API_URL_PREFIX = /authapi

VITE_PROXY = \["/api","http://192.168.50.2:6066","/tms","http://192.168.50.5:6088","/authapi","http://im.auth.com","/s3-pdf","https://anteater-image.s3.us-east-2.amazonaws.com"]

vite.config.ts 文件
复制代码
import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    proxy: {
      '/authapi': {
        target: 'http://im.auth.com',
        changeOrigin: true,
        rewrite: (path) =>
          path.replace(/^\/authapi/, '/api') // 修改这里
      },
       '/tms': {
        target: 'http://192.168.50.5:6088',
        changeOrigin: true,
        rewrite: (path) =>
          path.replace(/^\/tms/, '/api') // 修改这里
      }
    }
  }
})
线上(Nginx)配置(必须对称
复制代码
location /authapi/ {
    proxy_pass http://im.auth.com/api/;  # ✅ 注意 /api/

    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Authorization $http_authorization;
}
location /tms/ {
    proxy_pass http://192.168.50.5:6088/api/;  # ✅ 注意 /api/

    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Authorization $http_authorization;
}
本地靠 Vite 的 rewrite,线上靠 Nginx 的 proxy_pass /api/。
相关推荐
玖石书几秒前
WSL2 手动安装 Ubuntu 24.04 到指定磁盘位置
linux·运维·ubuntu·wsl
এ慕ོ冬℘゜4 分钟前
前端实战:jQuery实现动态表格渲染与状态切换功能
前端·javascript·jquery
随便做点啥1 小时前
32卡-64G-910B4-16后端-(Qwen3.8-27B-W8A8)集群部署报告
运维·服务器·经验分享·docker·vllm
jay神1 小时前
【计算机毕业设计】基于Flask+Vue的电影数据可视化与智能推荐系统
前端·vue.js·python·信息可视化·flask·毕业设计·课程设计
FreeTinker7 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_452396237 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
2601_962218477 小时前
万象生鲜系统区块链溯源技术帮助生鲜企业搭建食品安全数字化体系
大数据·运维·微服务·云原生·架构
智塑未来7 小时前
中小公司在线文档选型:从协作入口到安全边界
运维·安全
新时代牛马8 小时前
Linux 内核入门地图:架构、源码目录与五大子系统
linux·运维·架构
智购科技无人售货机厂家8 小时前
2026自动售货机制冷系统维护指南:从散热器清洁到压缩机换油的工程实践~YH
运维·redis·物联网·缓存·架构