当前位置: 首页 > news >正文

vue3前端开发过程中,解决跨域

前端代理解决方案(开发环境),如果你使用的是 Vite、Webpack 等构建工具,可以配置代理:

// vite.config.js
export default defineConfig({server: {proxy: {'/api': {target: 'http://192.168.11.51:7001',changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, '')}}}
})

前端代码也要相应修改

// 修改前
watch(count, async () => {const response = await axios.get(`http://192.168.11.51:7001/test/demoThree/getUser`, {method: 'GET',headers: {'Content-Type': 'application/json'},params: {name: '张三',age: 18}})console.log(response.data)
})
// 修改后
watch(count, async () => {const response = await axios.get(`/api/test/demoThree/getUser`, {method: 'GET',headers: {'Content-Type': 'application/json'},params: {name: '张三',age: 18}})console.log(response.data)
})
http://www.dtcms.com/a/208102.html

相关文章:

  • 树莓派内核源码的下载,配置,编译和替换
  • Flutter跨平台通信实战|3步打通Android原生能力,实现底层API调用!
  • 【PhysUnits】9 取负重载(negation.rs)
  • 2025年河北省职业院校技能大赛“网络空间安全技能大赛”赛项样题A
  • Fastrace:Rust 中分布式追踪的现代化方案
  • 使用 kafka-console-consumer.sh 指定时间或偏移量消费
  • 题目 3330: 蓝桥杯2025年第十六届省赛真题-01 串
  • Joplin+群晖NAS远程同步方案:私有云笔记的稳定存储与跨设备管理实践
  • Kafka Producer 如何实现Exactly Once消息传递语义
  • 一文详解生成式 AI:李宏毅《生成式 AI 导论》学习笔记
  • Vue3 数据可视化屏幕大屏适配 页面自适应 响应式 数据大屏 大屏适配
  • Leetcode刷题 | Day65_图论10_BellmanFord算法01
  • Qt window frame + windowTitle + windowIcon属性(3)
  • 力扣HOT100之图论:207. 课程表
  • 06 如何定义方法,掌握有参无参,有无返回值,调用数组作为参数的方法,方法的重载
  • 推荐一款滴滴团队开源流程图编辑框架logic-flow
  • A服务器备份rabbitmq持久化目录到B服务器,不显示mq队列消息
  • RabbitMQ ⑥-集群 || Raft || 仲裁队列
  • 数据库设计文档撰写攻略
  • vscode使用ssh链接服务器
  • Postgresql 数据库实例管理命令
  • mybatis-plus与jsqlparser共用时报sql解析错误
  • 第十天 高精地图与定位(SLAM、RTK技术) 多传感器融合(Kalman滤波、深度学习)
  • 射频芯片学习
  • 学习黑客TTryHackMe — Tcpdump基础 | 网络安全入门(THM)
  • 【漫话机器学习系列】274.基尼指数(Gini Index)
  • Oracle常用函数
  • LVS 负载均衡集群应用实战
  • 数据库系统概论(九)SQL连接查询语言超详细讲解(附带例题,表格详细讲解对比带你一步步掌握)
  • 日语学习-日语知识点小记-构建基础-JLPT-N4阶段(28):ばかり