vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

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