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

相关推荐
爱学习的小仙女!1 分钟前
面试题 前端(二)元素显示模式 块元素行内元素区别
前端·前端面试题
酉鬼女又兒3 分钟前
零基础快速入门前端蓝桥杯 Web 备考:AJAX 与 XMLHttpRequest 核心知识点及实战(可用于备赛蓝桥杯Web应用开发)
前端·ajax·职场和发展·蓝桥杯·css3·js
祈澈菇凉4 分钟前
Next.js + OpenAI API 跑通一个带流式输出的聊天机器人
开发语言·javascript·机器人
Sammyyyyy5 分钟前
Node.js、Bun 与 Deno,2026 年后端运行时选择指南
前端·后端·node.js·servbay
前端程序猿i6 分钟前
纯JS 导出 Excel 工具
开发语言·javascript·excel
默 语7 分钟前
Web Access:一个Skill,拉满Agent联网和浏览器能力
前端·agent·skill
攒了一袋星辰8 分钟前
类抖音的高并发评论盖楼系统
服务器·前端·数据库
大胡子大叔9 分钟前
React组件化实现程序化视频生成
前端·react.js·音视频
wjcroom14 分钟前
融释涡旋理论-对狭义相对论和洛伦兹变换的兼容
开发语言·前端