vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
bitbrowser几秒前
2026 PC端多Chrome账号管理指南:从日常切换到防关联实战
前端·chrome
LXXgalaxy几秒前
Vue3 + TypeScript 20 个常见报错
javascript·ubuntu·typescript
小陈工8 分钟前
Python Web开发入门(二):Flask vs Django,项目结构大比拼
前端·数据库·python·安全·web安全·django·flask
橘子编程8 分钟前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
晓13139 分钟前
React篇——第五章 React Router实战
开发语言·javascript·ecmascript
不超限10 分钟前
InfoSuite AS部署Vue项目
前端·javascript·vue.js
程序员小寒12 分钟前
JavaScript设计模式(五):装饰者模式实现与应用
前端·javascript·设计模式
wefly201715 分钟前
零基础上手m3u8live.cn,免费无广告的M3U8在线播放器,电脑手机通用
前端·javascript·学习·电脑·m3u8·m3u8在线播放
晓131320 分钟前
React篇——第四章 React Router基础
前端·javascript·react
Moment21 分钟前
如果想转 AI 全栈?推荐你学一下 Langchain!
前端·后端·面试