关于ajax访问express服务器的跨域问题
在学习es6的时候用promise封装了一个ajax
<script type="text/javascript"> function getNews(URL) { let promise = new Promise((resolve,reject)=>{ //状态初始化 //执行异步任务 let xmlHttp = new XMLHttpRequest();//创建对象 console.log(xmlHttp.readyState);//初始状态 为0 一步一步变为4 // 绑定监听 xmlHttp.onreadystatechange = ()=>{ if(xmlHttp.readyState === 4) {//请求成功 if (xmlHttp.status == 200) { console.log(xmlHttp.responseText); //修改状态 resolve(xmlHttp.responseText); } else {//请求失败 reject(`暂时没有新闻`); } } } // open 设置请求的方式及url xmlHttp.open('GET',URL); xmlHttp.send(); }); return promise; } getNews('http://localhost:3000') .then(data=>{ console.log(data); },err=>{ console.log(err); }) </script>
用express写了个简单个服务器路由,端口3000,但是一直报错,原来是不能跨域,后来在网上找解决办法,看网上加了好多头,我只加了报错的哪一个就可以了,如下
let express = require('express'); let app = express(); app.get('/',(req,res)=>{ res.header("Access-Control-Allow-Origin", "*"); res.send('123'); }) app.listen(3000);
最后在浏览器端可以看到返回的123