赞
踩
因为浏览器同源策略的限制,我们是不可以直接调用不在同一服务器的接口,这样会有跨域问题,除非那后台添加了跨域请求头。
所以很多vue的初学者,自己想练习项目,但苦于不会后端没法自造一些api供自己练习,这样只能把一些数据放在自定义的数组里面来模拟接口返回的数据结构,这个当然可以(或者用mock.js),不过造数据太麻烦,并且对于一个前端工发人员,必须要懂得调用接口和处理异步的问题。所以我今天教大家一个很简单爬网站接口方法,再供前端页面调用。
你可以一直按回车健
npm install express -S
再装一个 npm install axios -S
装完之后就多了一个文件夹和一个文件
5,创建一个index.js,内容如下
其中,如下图这个接口就是别人的官网的接口,把这个接口完整地址放在 axios.get('')里,如上图:
这样就可以把别人的接口爬出来了,
默认打开
调用localhost:8080/api/newsdata
之后可以用 axios调用了
注意: 如果没有这两行代码,前端调用localhost:8080/api/newsdata会出现跨域的问题
- res.append('Access-Control-Allow-Origin', "*")
- res.append('Access-Control-Allow-Content-Type', "*")
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。