vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
拉不动的猪几秒前
requestAnimationFrame 与 JS 事件循环:宏任务执行顺序分析
前端·javascript·面试
步步为营DotNet1 分钟前
深度解析C# 11的Required成员:编译期验证保障数据完整性
java·前端·c#
han_1 分钟前
开发提效利器 - 用好Snippets
前端·javascript·visual studio code
mCell21 分钟前
为什么在 Agent 时代,我选择了 Bun?
javascript·agent·bun
J船长21 分钟前
Firebase CLI 一直关联失败
前端
wuli_滔滔30 分钟前
DevUI云控制台实战:多云管理平台前端架构解密
前端·架构·devui·matechat
深耕AI1 小时前
【wordpress系列教程】02 Blocksy主题
运维·服务器·前端
谎言西西里1 小时前
掌握原型链,写出不翻车的 JS 继承
javascript
我笔记2 小时前
vue 子父调用
前端·javascript·vue.js
2401_860319523 小时前
在React Native鸿蒙跨平台开发中实现一个冒泡排序算法并将其应用于数据排序,如何进行复制数组以避免直接修改状态中的数组
javascript·算法·react native·react.js·harmonyos