vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
写不来代码的草莓熊2 分钟前
el-date-picker ,自定义输入数字自动转换显示yyyy-mm-dd HH:mm:ss格式
前端·javascript·vue.js
ssshooter2 分钟前
Tauri 应用苹果签名踩坑实录
前端·架构·全栈
DeSheng6 分钟前
npm 从入门到精通(二):再理解,彻底搞懂 package.json、node_modules 和 package-lock
前端
用户69371750013846 分钟前
XChat 为什么选择 Rust 语言开发
android·前端·ios
局i7 分钟前
从零搭建 Vite + React 项目:从环境准备到干净项目的完整指南
前端·react.js·前端框架
Wect8 分钟前
LeetCode 149. 直线上最多的点数:题解深度剖析
前端·算法·typescript
Wect8 分钟前
JS手撕:手写Koa中间件与Promise核心特性
前端·javascript·面试
小蜜蜂dry9 分钟前
nestjs实战 - 拦截器,统一处理接口请求与响应结果
前端·后端·nestjs
左右飞9 分钟前
基于虚拟块高效解决不定高虚拟列表
前端
胖纳特12 分钟前
业务系统深度集成:基于OnlyOffice中国版连接器实现合同生成、AI写作与报表自动化
前端·后端