vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
lichenyang45319 小时前
从 Web 容器开始,理解 ASCF 元服务开发
前端
ZengLiangYi19 小时前
批量导入 1000 条对话的性能优化实战
javascript·后端·架构
竹林81819 小时前
用 wagmi v2 + viem 监听合约事件时踩的坑,我花了两天才把"遗漏事件"修好
javascript
用户0595401744619 小时前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css
假如让我当三天老蒯19 小时前
回归基本功!前端的解构赋值、扩展运算符、剩余参数
前端·面试
小花酱酱19 小时前
QQ群里只有你一个人?邪门歪道破局之路——AstrBot
javascript
bonechips19 小时前
JS 数组指南:从内存原理到二维矩阵
前端·javascript
mONESY19 小时前
前端零基础精讲:Canvas3D、CSS3D、文档流、定位全方位复盘
javascript
亿元程序员19 小时前
美术妹子让我给模型加个描边,我差点把Cocos卸了
前端