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）跨域问题 - 案例篇 ” 的全部内容。