vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
晴空万里藏片云2 分钟前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
曦月合一3 分钟前
html中iframe标签 隐藏滚动条
前端·html·iframe
奶球不是球5 分钟前
el-button按钮的loading状态设置
前端·javascript
kidding7239 分钟前
前端VUE3的面试题
前端·typescript·compositionapi·fragment·teleport·suspense
无责任此方_修行中2 小时前
每周见闻分享:杂谈AI取代程序员
javascript·资讯
Σίσυφος19002 小时前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端2 小时前
0基础学前端-----CSS DAY13
前端·css
dorabighead3 小时前
JavaScript 高级程序设计 读书笔记(第三章)
开发语言·javascript·ecmascript
css趣多多3 小时前
案例自定义tabBar
前端
姑苏洛言5 小时前
DeepSeek写微信转盘小程序需求文档,这不比产品经理强?
前端