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

跨域,配置代理服务器,解决

遇见跨域不用急 ,在vue的最初项目中,也就是与src同级目录,创建vue.config.js文件,配置完毕之后记得一定要重启项目,否则不会运行。

module.export={
	devServer:{ // 开发服务器设置
		proxy:{ // 代理
			"/xx1":{
				"target":"http://locathost:3000",
				"changerOrigin":true,
				"pathRewrite":{
					"^/xx1":""
				}
			},
				"/xx2":{
				"target":"http://locathost:3000",
				"changerOrigin":true,
				"pathRewrite":{
					"^/xx2":""
				}
			},
		}
	}
}

,上述是简单的配置了两个代理 ,如果当我们的api文件夹下有index.js文件或者其他文件的时候 ,假设index.js文件里的内容 我用了axios去请求接口

import axios from ‘axios’ //引入axios

//假设获取swiper轮播图数据

export const getSwiperData=()=>{
	//拿到数据,那个网站服务器设置了cors跨域
	return axios.get("https://www.xiongmaoyouxuan.com/api/tab/1?start=0");
}

当我们简写的时候就可以运用啥配置的代理服务器进行简化

export const getList=()=>{
	return axios.get("/xx1/list")
	//在这里的  /xx1 代表的就是那个配置过得接口地址,我们就简写化了解决跨域问题。
}

相关文章:

  • Navicat for MySQL 常用功能有哪些
  • 路由元数据meta,导航的使用,导航消失
  • 006_过滤器
  • 聊一聊JS运行机制,这些事概念,具体需要理解进行科普一下
  • HDOJ/HDU 1804 Deli Deli(英语单词复数形式~)
  • 原型链的理解
  • 关于图片加载非常爽的一个三方控件 fresco,一个三fresco
  • 深浅拷贝的理解
  • Django里自定义用户登陆及登陆后跳转到登陆前页面的实现
  • PHP导入Excel和导出数据为Excel文件
  • DOM事件模型 DOM事件流 自定义事件(模拟事件)
  • 计算几何初步-三点顺序
  • 模块化,简单一点
  • 蓝牙(BLE)应用框架接口设计和应用开发——以TI CC2541为例
  • GET和POST的区别,何时使用POST?
  • [分享]iOS开发-关于在xcode中引用文件夹右边出现问号的解决办法
  • 0x05 Python数据分析,Anaconda八斩刀
  • java2019面试题北京
  • Less 日常用法
  • ng6--错误信息小结(持续更新)
  • React系列之 Redux 架构模式
  • redis学习笔记(三):列表、集合、有序集合
  • Vue实战(四)登录/注册页的实现
  • vue总结
  • 阿里云购买磁盘后挂载
  • 基于 Babel 的 npm 包最小化设置
  • 检测对象或数组
  • 蓝海存储开关机注意事项总结
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 世界上最简单的无等待算法(getAndIncrement)
  • 怎样选择前端框架
  • 《天龙八部3D》Unity技术方案揭秘
  • 国内开源镜像站点
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • #define、const、typedef的差别
  • (03)光刻——半导体电路的绘制
  • (14)学习笔记:动手深度学习(Pytorch神经网络基础)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (javascript)再说document.body.scrollTop的使用问题
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (Python) SOAP Web Service (HTTP POST)
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (二)PySpark3:SparkSQL编程
  • (六)Hibernate的二级缓存
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • . NET自动找可写目录
  • .Family_物联网
  • .NET Core WebAPI中封装Swagger配置
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .NET 中 GetProcess 相关方法的性能
  • .Net(C#)自定义WinForm控件之小结篇
  • .NET6 开发一个检查某些状态持续多长时间的类
  • .net反编译的九款神器