Vuejs模拟Ajax请求接口(天气预报API)跨域问题 - 案例篇

vuejs的Ajax跨域请求问题一直都是前端人员开发vue项目进程中经常遇到的不得不解决的热门问题,也是个心病。


首先看一下,页面 报错内容提示:
Access to XMLHttpRequest at 'http://api.asilu.com/weather/?city=' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.


今天以ajax跨域请求“天气预报API”接口为例,讲解一下如何解决问题。
.
参考1:强烈推荐文章 王子乔的“vue中解决跨域问题”;
参考2:王永存的 vue跨域解决方法(讲解3种方法) · 如(第1种) 后台更改header控制,
【这个讲解的也比较全】;

  • header('Access-Control-Allow-Origin:*'); //允许所有来源访问
  • header('Access-Control-Allow-Method:POST,GET'); //允许访问的方式

参考3:待定

(必知)代码演示:

  • 参考文章:(必知)前后端分离的vue项目模拟axios与ajax跨域请求 - 总结大全
  • (必知)文章内含有来各种方法的对比,效果演示图,以及说明等等

以上就是关于“ Vuejs模拟Ajax请求接口(天气预报API)跨域问题 - 案例篇 ” 的全部内容。

你可能感兴趣的:(Vue.js,跨域请求)