技术栈

vue解决跨域问题

Bubluu2024-11-07 14:31

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

复制以下带代码

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

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

即可代理成功

上一篇:应急救援无人车:用科技守护安全!
下一篇:查缺补漏----用户上网过程(HTTP,DNS与ARP)
相关推荐
yuanyxh
15 小时前
Mac 软件推荐
前端·javascript·程序员
万少
15 小时前
AtomCode开发微信小程序《谁去呀》 全流程
前端·javascript·后端
某人辛木
15 小时前
Web自动化测试
前端·python·pycharm·pytest
Kagol
15 小时前
Superpowers GSD gstack AgentSkills深度测评
前端·人工智能
excel
16 小时前
JavaScript 字符串与模板字面量:从表象到本质理解
前端
京东云开发者
17 小时前
当AI成为导演-如何用AI创作动漫短剧
前端
李白的天不白
17 小时前
使用 SmartAdmin 进行前后端开发
java·前端
乘风gg
17 小时前
🤡PUA AI Coding 工具 的 10 条终极语录
前端·ai编程·claude
学Linux的语莫
17 小时前
Vue 3 入门教程
前端·javascript·vue.js
怕浪猫
18 小时前
第一章、Chrome DevTools Protocol (CDP) 详解
前端·javascript·chrome
热门推荐
012026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04HTTP 与 HTTPS 的区别:从原理到实战详解05【AI】2026 年具身智能模型和世界模型总结06GitHub 镜像站点07上线仅72小时被强制下架:Claude Fable 5 的短命08AI科技热点日报 | 2026年6月1日09Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析10《置身钉内》原文-可播放阅读