vue解决跨域问题

1、在vue项目的根目录创建vue.config.js的文件

复制以下带代码

bash 复制代码
devServer: {
        proxy: {
          '/api': {
            target: 'http://localhost:3000', // 目标服务器地址
            changeOrigin: true, // 是否改变源
            pathRewrite: {
              '^/api': '' // 重写路径,例如将'/api/user'重写为'/user'
            }
          }
        }
      }

2、将接口的地址前面添加一个/api即可

即可代理成功

相关推荐
Bigger8 分钟前
第三章:我是如何剖析 Claude Code 工具系统与命令执行机制的
前端·claude·源码阅读
GISer_Jing16 分钟前
告别手搓架构图!Excalidraw+AI Skills 高效绘制手绘风技术图
前端·人工智能·react.js
jiayong2318 分钟前
第 7 课:第三轮真实重构,拆出新增任务弹窗
服务器·前端·重构
钛态18 分钟前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
爱学习的程序媛21 分钟前
浏览器内核揭秘:JavaScript 和 UI 的“主线程争夺战”
前端·性能优化·浏览器·web
你挚爱的强哥23 分钟前
欺骗加载进度条,应用于无法监听接口数据传输进度的情况
前端·javascript·html
zhensherlock24 分钟前
Protocol Launcher 系列:Mail Assistant 轻松发送 HTML 邮件
前端·javascript·typescript·node.js·html·github·js
恒本银河+24 分钟前
基于MQTT+NFC标签项目开发教程
前端·javascript·nfc标签
GISer_Jing30 分钟前
React 18+ 高级特性实战与面试精讲
javascript·react.js·面试
吴声子夜歌32 分钟前
ES6——异步操作和async函数详解
前端·ecmascript·es6