zoukankan      html  css  js  c++  java
  • 关于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

  • 相关阅读:
    第二次作业。。
    第一次随笔作业
    第一次作业
    第4次随笔
    第3次随笔
    第2次作业
    第一次随笔
    我的第一次随笔
    iforums
    第四次作业
  • 原文地址:https://www.cnblogs.com/czy960731/p/8514504.html
Copyright © 2011-2022 走看看