技术栈

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)
相关推荐
Joy T
6 分钟前
【Electron架构解析】打破浏览器沙盒:从 Web 前端到桌面客户端的技术跨越
前端·架构·electron
Rsun04551
9 小时前
React相关面试题
前端·react.js·前端框架
Lao乾妈官方认证唯一女友:D
9 小时前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
ALKAOUA
9 小时前
力扣面试150题刷题分享
javascript·笔记
鹏多多.
9 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan
9 小时前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
迪巴拉1525
10 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe
10 小时前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04得物前端部门,没了05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录07OpenClaw macOS 完整安装与本地模型配置教程(实战版)08Window 10部署openclaw报错node.exe : npm error code 12809OpenClaw 接入 QQ Bot 完整实践指南10OpenClaw-VSCode:在 VS Code 里玩转 OpenClaw,远程管理+SSH 双剑合璧