关于URL地址栏跨域出错问题

本文介绍了使用localhost访问前后端分离项目时遇到的跨域问题及其解决方案。主要原因是前端项目的URL配置为本机IP,而使用localhost访问导致浏览器拦截请求。提供了两种解决方法:一是直接使用前端项目的IP访问;二是修改本机host文件进行IP映射。

客户端浏览器用本机IP如(127.0.0.1)访问跳转成功,而用localhost访问40X问题:浏览器控制台报:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. The response had HTTP status code 403.

这是因为前后端分离项目,在前端项目的url指为本机ip如(127.0.0.1),而地址栏输入localhost而引发的跨域问题。


解决有二:

        1,用你前端项目配置的ip地址直接访问,不要用localhost,避免出现跨域问题。

        2,在本机的window/system32/drivers/etc/host 中配置ip与localhost相关联  (不推荐,因为本机ip是会变的)


评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值