测接口

在后端给我们接口之后,要先去验证接口是否能正常使用

工具:postman

下载:Download Postman | Get Started for Free

如果在联动的时候,如果postman测试的结果和最初确定的接口 格式不用的话,就是后端问题

!!!!及时甩锅

跨域

同源策略

浏览器的同源策略 - Web 安全 | MDN (mozilla.org)

同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。同源(orgin)指的是端口号、协议、域名相同。

http://store.company.com:80/dir/page.html"(就是个例子)

  • http:协议
  • store.company.com:域名
  • 80:端口号(默认为80)
  • /dir/page.html:路径

下表给出了与 URL http://store.company.com/dir/page.html 的源进行对比的示例:

URL 结果 原因
http://store.company.com/dir2/other.html 同源 只有路径不同
http://store.company.com/dir/inner/another.html 同源 只有路径不同
https://store.company.com/secure.html 失败 协议不同
http://store.company.com:81/dir/etc.html 失败 端口不同 ( http:// 默认端口是80)
http://news.company.com/dir/other.html 失败 主机不同

跨域

在前后端联动时,域名不同,不满足同源策略,这时浏览器就会出现类似这样的报错

解决方法

下载浏览器插件

  • Edge:https://microsoftedge.microsoft.com/addons/detail/cors-unblock/hkjklmhkbkdhlgnnfbbcihcajofmjgbh?hl=zh-CN
  • Chrome:https://chrome.google.com/webstore/detail/lhobafahddgcelffkeicbaginigeejlf
更新于

请我喝[茶]~( ̄▽ ̄)~*

boW 微信支付

微信支付

boW 支付宝

支付宝

boW 贝宝

贝宝