vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
Cache技术分享10 分钟前
465. Java 反射 - 获取类的简单名
前端·后端
英勇无比的消炎药12 分钟前
层级选择不再手写联动:TinyVue Cascader 级联选择器上手
vue.js
BigTopOne19 分钟前
什么是行权价,什么是权利金,什么是行权?
前端
xlxxy_21 分钟前
sap获取批次特性报表
java·linux·开发语言·前端·数据库·abap·mm
BigTopOne22 分钟前
Long put and Long call
前端
摇滚侠27 分钟前
SpringBoot3+Vue3 全套视频教程 61
vue.js
breeze jiang27 分钟前
告别等待焦虑:Vue 3 + DeepSeek 实现 AI 打字机流式对话,用户体验提升立竿见影
vue.js·人工智能·ux
石像鬼₧魂石31 分钟前
【Y2Ksoft】贵阳陈桥饭店ERP管理系统
大数据·前端·物联网·html·数据库架构
TheITSea37 分钟前
4、React+Tailwind CSS
前端·css·react.js
weedsfly44 分钟前
前端开发中的代理模式——从 Vue 3 响应式到日常开发
前端·javascript·面试