vue2.0_前端跨域解决方案之proxy代理

本文介绍了前端跨域访问时遇到的同源策略问题,并详细讲解了如何通过Vue2.0的proxy代理配置来解决这个问题。通过在vue.config.js中设置代理,可以绕过同源策略,实现前端的跨域请求。
摘要由CSDN通过智能技术生成

前言

  前端跨域访问别人服务器中的某个文件时,因同源策略的问题,我们的前端拿不到别人的数据,这时候我们可以使用代理的方案来解决此问题。

同源策略

  同源策略是一种约定,而且是浏览器中最基本也是最核心的安全功能,若缺少了该策略,浏览器非常容易被攻击;同源就是指“协议+域名+端口”都一样,就算有两个不同域名指向同一个IP地址也不能是同源。同源策略只有在浏览器中存在,服务器中确不存在,所以遇到需要跨域请求的地址将其转发服务器后委托服务器去请求即可。

proxy代理

  在项目根目录,自己创建 vue.config.js 文件。写入以下配置:

const isProduction = process.env.NODE_ENV === 'development';

module.exports = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值