vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
后台模板学习7 小时前
从0到1用Vite构建电商订单系统前端性能优化方案
前端
Wang's Blog7 小时前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html
FoldWinCard7 小时前
基于k8s高可用web集群
前端·容器·kubernetes
神探小白牙7 小时前
海康视频在vue2.0中的使用
前端·音视频
Tanjia_kiki7 小时前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun68 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
新中地GIS开发老师8 小时前
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?
前端·vue·webgis
IMPYLH8 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ2318 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别