当前位置: 首页 > 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)
})

相关文章:

  • 树莓派内核源码的下载,配置,编译和替换
  • 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链接服务器
  • 网站建设 cn/怎么注册网址
  • 注册网站要百度实名认证安不安全/郑州seo优化哪家好
  • 专门做选择题的网站/seo舆情优化
  • 做网站襄樊/百度网盘怎么找资源
  • 内蒙古自治区住房和城乡建设部网站/在线优化seo
  • 网站顶部地图代码怎么做的/杭州seo的优化