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变成空即可

相关推荐
用户283209679371 分钟前
从进程线程到 async/await:JS Event-loop事件循环机制底层解析
前端·javascript
岁月宁静10 分钟前
一、《从零手撸 Agent》 我用 10 行代码跑通了第一次大模型调用(顺便踩了 4 个坑)
前端·python·agent
guanguan0_013 分钟前
用 AI 做技术方案评审:输入 3 个方案,输出对比矩阵 + 推荐理由
javascript·人工智能·矩阵·ai编程
计算机魔术师29 分钟前
Fable 5.1 来了,智能体任务成本降 45%——Anthropic 这次为何降价这么狠
前端
Csvn30 分钟前
现代 CSS 新特性深度:container query、:has()、@scope 与 subgrid
前端
计算机魔术师35 分钟前
Anthropic 自己承认:模型越来越难管住了
前端
两只羊ovo44 分钟前
Agent 干活的底层地基:path 路径 + fs 文件系统,一次讲透
前端
xiaominlaopodaren44 分钟前
three.js地图视口瓦片(二):如何形成完整视口多边形
javascript·gis·three.js
一用书生44 分钟前
我给 ChatGPT、DeepSeek、Kimi 都加了一个「保存为笔记」按钮
前端·ai编程·vibecoding
咖啡无伴侣1 小时前
1. 从零搭建企业级 Monorepo 工程化模板:初始化、应用创建与共享 TypeScript 配置
前端·前端框架