vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
276695829215 小时前
携程旅行 token1005
java·linux·前端·javascript·携程旅行·token1005·携程酒店
zopple15 小时前
PHP与Vue.js:前后端开发的完美搭档
开发语言·vue.js·php
freewlt15 小时前
Cursor与AI编程工具崛起:前端工程师的能力模型重构与职业生存策略
前端·重构·ai编程
墨雪遗痕15 小时前
工程架构认知(三):从传统Web系统到AI大模型驱动系统
前端·人工智能·架构
C澒16 小时前
AI 生码 - PRD2CODE:Schema2PRD 全流程设计与实现
前端·ai编程
掘金者阿豪16 小时前
微信图片已过期或已被清理,真的找不回了吗?完整自救指南
前端·后端
颜酱16 小时前
从 DeepSeek 文本对话到流式输出
前端·javascript·人工智能
Ulyanov16 小时前
打造现代化雷达电子对抗仿真界面 第二篇:雷达电子对抗仿真系统核心功能实现
前端·python·信息可视化·数据可视化·系统仿真·雷达电子战
鬣主任16 小时前
重生之我上班学React----360档案篇。
javascript·react.js
快乐小土豆~~16 小时前
上传视频时截取正脸照片
前端·音视频·vladmandic