vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
hhcccchh4 小时前
学习vue第十三天 Vue3组件深入指南:组件的艺术与科学
javascript·vue.js·学习
@PHARAOH4 小时前
WHAT - Vercel react-best-practices 系列(二)
前端·javascript·react.js
qq_406176144 小时前
深入理解 JavaScript 闭包:从原理到实战避坑
开发语言·前端·javascript
float_六七4 小时前
JavaScript变量声明:var的奥秘
开发语言·前端·javascript
zhengxianyi5154 小时前
ruoyi-vue-pro本地环境搭建(超级详细,带异常处理)
前端·vue.js·前后端分离·ruoyi-vue-pro
桃子叔叔4 小时前
react-wavesurfer录音组件1:从需求到组件一次说清楚
前端·react.js·前端框架
陈随易4 小时前
聊一聊2025年用AI的思考与总结
前端·后端·程序员
@PHARAOH5 小时前
WHAT - React startTransition vs setTimeout vs debounce
前端·react.js·前端框架
研☆香5 小时前
JavaScript 特点介绍
开发语言·javascript·ecmascript
绝美焦栖5 小时前
低版本pdfjs升级
前端·javascript·vue.js