版权声明：本文为博主原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/qq_35393869/article/details/87879963
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）跨域问题 - 案例篇 ” 的全部内容。