前端请求/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/。
相关推荐
寅时码37 分钟前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听61341 分钟前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby1 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6131 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹1 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6131 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue1 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue1 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn2 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架
Csvn3 小时前
🧩「找不到模块」排查全记录——Monorepo 下 TypeScript 路径别名的 5 种「不通」与根治方案
前端