当前位置: 首页 > 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.xdnf.cn/news/600895.html

相关文章:

  • 如何管理固定资产
  • w~大模型~合集4
  • JAVA05基本数据类型和包装类的转换,转换成其他数据类型,包装类与字符串的转换+学生类的定义实例
  • [数据集]无人机视角检测分割数据集合集
  • 内容中台智能推荐系统实践路径
  • 智慧交通解决了哪些行业难点?
  • 算法轻量化与跨平台迁移:AI边缘计算的核心突破
  • sglang是如何运行?
  • 为什么抗干扰天线不能做RTK差分(三)“既要又要”的抗干扰天线
  • C#串口打印机:控制类开发与实战
  • 游戏引擎学习第307天:排序组可视化
  • 通过对音频信号提取梅尔频谱图并转换为对数梅尔频谱图得到的。它的形状主要由以下参数决定 转换成图片 64*64像素
  • opencv 图像的平移和旋转
  • 服务器异常数据问题解决 工具(tcpdump+wireshark+iptables)
  • 一、OpenCV的基本操作
  • .NET外挂系列:6. harmony中一些实用的反射工具包
  • 49 python Matplotlib之Pandas 数据可视化
  • 指纹浏览器+代理IP:跨境出海如何隔离+防封?
  • webpack学习笔记
  • 【HarmonyOS 5】Map Kit 地图服务之应用内地图加载
  • 遥感解译项目Land-Cover-Semantic-Segmentation-PyTorch之二训练模型
  • 爱普生晶振赋能UWB汽车数字钥匙,解锁未来出行新方式
  • 【Harmony OS】作业四 布局
  • 掌握 npm 核心操作:从安装到管理依赖的完整指南
  • SpringCloud——MybatisPlus
  • CMake创建C++项目与npm创建nodejs项目异曲同工
  • 基于 ARIMA 与贝叶斯回归的时间序列分析:结合趋势季节性与不确定性量化(附 PyTorch 变分贝叶斯实现)
  • AWS EC2实例安全远程访问最佳实践
  • uniapp原生插件
  • Profibus转Profinet网关赋能鼓式硫化机:智能化生产升级的关键突破