proxy代理解决vue中跨域问题

vue.config.js

javascript 复制代码
module.exports = {
  ...
  // webpack-dev-server 相关配置
  devServer: {
    host: '0.0.0.0',
    port: port,
    open: true,
    proxy: {
      '/api': {
        target: `https://vfadmin.insistence.tech/prod-api`,
        changeOrigin: true,
        pathRewrite: {
          //['^' + process.env.VUE_APP_BASE_API]: ''
          '^/api': '/' 
        }
      }
    },
  }
}

解释:

遇见/api开头的接口,代理到https://vfadmin.insistence.tech/prod-api,拼接成https://vfadmin.insistence.tech/prod-api/api

有没有pathRewrite取决于接口中有没有'/api',如果接口没有/api,则将所有api变成空即可

相关推荐
冲浪中台17 小时前
【无标题】
前端·低代码
openKaka_17 小时前
beginWork 的第一站:HostRoot 如何把 App 接入 Fiber 树
前端·javascript·react.js
我命由我1234518 小时前
Dart - Dart SDK、Hello World 案例、变量声明、常量声明、常量 final、字符串类型
前端·flutter·前端框架·html·web·dart·web app
冴羽yayujs18 小时前
GitHub 前端热榜项目 - 日榜(2026-05-11)
前端·github
~|Bernard|18 小时前
四,go语言中GMP调度模型
java·前端·golang
YOU OU18 小时前
HTML+CSS+JavaScript
前端·javascript·css·html
Rkgua18 小时前
路径传参和查询传参和请求体传参区以及Vue和React的用法区分
前端·面试
JarvanMo18 小时前
Flutter + Supabase 集成 Apple Sign-In 完整指南
前端
小村儿18 小时前
连载
前端·后端·ai编程
dinl_vin19 小时前
LangChain 系列·(九):Agent——让 AI 自己做决策
前端·人工智能·langchain