Vue项目中配置跨域

什么是跨域?

跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。
这里说明一下,无法跨域是浏览器对于用户安全的考虑,如果自己写个没有同源策略的浏览器,完全不用考虑跨域问题了。是浏览器的锅,对。
同源策略限制了一下行为:
Cookie、LocalStorage 和 IndexDB 无法读取
DOM 和 JS 对象无法获取
Ajax请求发送不出去
说的更直白一点,就是我们在前端使用ajax发送异步请求,如果这个请求的URL地址与当前地址栏中的URL地址协议不同、域名不同、端口不同时,都成为跨域,


扩展:
HTTP端口默认是80
HTTPS端口默认是443


在这里插入图片描述

出现跨域问题后,在控制台会出现以下报错:
在这里插入图片描述


解决方案

1.nodejs express 允许跨域访问

在这里插入图片描述

缺点:每个接口都要配置响应头


可以通过安装CORS模块这个快捷处理方式处理


2.客户端本地服务器代理解决跨域问题

创建一个vue.config.js文件配置一下信息

在这里插入图片描述


需要请求的页面需要引入axios 全局的axios不能用

在这里插入图片描述


以上就是全部内容
如有不足,多多指教~~~

在这里插入图片描述

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值