vue中axios实现数据交互与跨域问题

2020-06-16 05:39:30易采站长站整理

Access-Control-Allow-Origin: *

总结:

0. 同源策略:浏览器的一种保护用户数据的一种安全机制。
   浏览器会限制脚本语法不能跨源访问其他源的数据地址。
   同源:判断两个通信的地址之间,是否协议,域名[IP],端口一致。   

   ajax:  http://127.0.0.1/index.html
   api数据接口:  http://localhost/index   

   这两个是同源么?不是同源的。是否同源的判断依据不会根据电脑来判断,而是通过协议、域名、端口的字符串是否来判断。 

1. ajax默认情况下会受到同源策略的影响,一旦受到影响会报错误如下:
     No ‘Access-Control-Allow-Origin’ header is present on the requested resource

2. 解决ajax只能同源访问数据接口的方式:

   1. 在服务端的响应行中设置:

      Access-Control-Allow-Origin: 允许访问的域名地址

   2. jsonp

   3. 是否服务端代理

      思路:通过python来请求对应的服务器接口,获取到数据以后,

总结

以上所述是小编给大家介绍的vue中axios实现数据交互与跨域问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!