vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
摸鱼的春哥26 分钟前
春哥的Agent通关秘籍12:本地RAG实战(中下)向量化与落库
前端·javascript·后端
明月_清风27 分钟前
毫秒级响应:前端本地搜索的“降维打击”
前端·indexeddb
摸鱼的春哥30 分钟前
专家实验让AI做战争决策,AI的选择太暴力了
前端·javascript·后端
明月_清风32 分钟前
存储配额:用 navigator.storage.estimate() 预判浏览器什么时候会删你的数据
前端·indexeddb
漂流瓶jz9 小时前
BEM、OOCSS、SMACSS、ITCSS、AMCSS、SUITCSS:CSS命名规范简介
前端·css·代码规范
陈随易13 小时前
真的,你可以不用TypeScript
前端·后端·程序员
郑州光合科技余经理13 小时前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
唐璜Taro14 小时前
Vue3 + TypeScript 后台管理系统完整方案
前端·javascript·typescript
dustcell.14 小时前
haproxy七层代理
java·开发语言·前端
掘金酱14 小时前
「寻找年味」 沸点活动|获奖名单公示🎊
前端·人工智能·后端