vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
用户47949283569151 天前
你每天都在用的 JSON.stringify ,V8 给它开了“加速通道”
前端·chrome·后端
狗狗摇屁屁1 天前
JS手写防抖
开发语言·javascript·ecmascript
JIngJaneIL1 天前
基于java+ vue办公管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
清风细雨_林木木1 天前
Chart.js和 Echart的区别
开发语言·javascript·ecmascript
静待雨落1 天前
Electron无边框窗口如何拖拽以及最大化和还原窗口
前端·electron
沐泽__1 天前
iframe内嵌页面双向通信
前端·javascript·chrome
小北方城市网1 天前
第4 课:Vue 3 路由与状态管理实战 —— 从单页面到多页面应用
前端·javascript·vue.js
ohyeah1 天前
用 Vue3 + Coze API 打造冰球运动员 AI 生成器:从图片上传到风格化输出
前端·vue.js·coze
interception1 天前
爬虫逆向,瑞数6,补环境,国家专利
javascript·爬虫·python·网络爬虫
Dragon Wu1 天前
TailWindCss 核心功能总结
前端·css·前端框架·postcss