vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
Ali885208 分钟前
Python字符串方法速查表大全
前端·python
前端_刘师兄18 分钟前
FAE工程师学习路线-进程
前端
冰暮流星20 分钟前
javascript之webstorage用法
开发语言·javascript·ecmascript
执子念的飞鱼37 分钟前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
alloc40 分钟前
从延迟聚合到可解释诊断:MetricKit 的原理与工程化实践
前端
颜进强41 分钟前
06 - OpenSpec change 从模糊想法到完整契约:new change / explore / propose 三连
前端·后端·ai编程
Cache技术分享41 分钟前
499. Java 反射 - 获取类型上的注解
前端·后端
用户9210802628641 分钟前
左侧历史对话模块:使用 Conversations 搭建会话入口
前端
用户3452081538842 分钟前
我给 DSH 写了读 10x 数据的插件
javascript
用户693717500138442 分钟前
9531 款 AI 工具流量真相:当 90% 的访问涌向 100 个平台,普通创业者还有机会吗?
前端·后端