vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
kgduu9 小时前
js之错误处理
开发语言·前端·javascript
德莱厄斯9 小时前
Milkup 技术内幕:一个 Typora 风格的即时渲染 Markdown 编辑器是怎样炼成的
前端·javascript·markdown
Mintopia9 小时前
架构师的心胸:把分歧装进系统,把人放在方案前
前端·架构
亿元程序员9 小时前
不是说现在AI很牛吗,怎么连个高光Shader效果都写不好?
前端
孟祥_成都9 小时前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js
兆子龙9 小时前
Vite 插件系统与构建流水线源码解析:从 Rollup 插件到 HMR
前端
代码老中医9 小时前
Node_modules 比黑洞还重,我们的硬盘到底做错了什么?
前端
兆子龙9 小时前
Vue 3 响应式系统 Reactivity 源码深度解析:从 ref 到 effect 的完整链路
前端
Smoothcloud_润云9 小时前
GORM 事务管理与 Repository 模式完整指南
前端·数据库·代码规范
兆子龙9 小时前
Turborepo 与 Monorepo 任务调度源码解析:从 DAG 到增量构建
前端·架构