前端请求/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/。
相关推荐
人工智能培训1 分钟前
大语言模型:从语言理解到通用智能的跃迁
linux·服务器·前端·人工智能
一拳不是超人12 分钟前
做独立开发三个月,我的第一个产品终于有了 1000 个用户
前端·程序员
Amos_Web22 分钟前
Rspack 源码解析(十):Hash 与 Asset 生成
前端·rust·源码阅读
福兮说24 分钟前
用 IndexedDB 存用户的文件,我踩过的五个坑
前端·javascript
闪耀之光M7825 分钟前
前端依赖自动导入:unplugin-auto-import
前端
阿明626 分钟前
Linux进程【Linux】
linux·运维·服务器
Ricon组态薄荷糖39 分钟前
Ricon组态系统:工业组件开发指南与实践
前端·后端·物联网
Android系统攻城狮40 分钟前
Linux Gstreamer深度解析之gst_audio_resampler_update调用流程与实战(三十)
linux·运维·服务器·gstreamer音视频·音视频进阶
flash俊杰44 分钟前
Electron 桌面应用的进程模型:为什么 fork Next.js standalone
前端
沙蒿同学1 小时前
我把架构约定编译成了会变红的测试:Wails v2 + Go + Vue3 桌面脚手架实战
前端·后端·github