使用cors解决前端跨域请求问题

在前端发送请求给后端的时候,经常会遇到跨域的问题,在node.js中,使用cors可以容易的解决跨域的问题

后端:

//创建了一个简单的服务
//引入express模块
const express = require('express');
const app = express();
//端口号
const port = 3000;

//引入cors
//安装可以在终端输入npm install cors
//使用,简单两行代码就可以解决跨域问题了
const cors = require('cors')
app.use(cors())
//--------------

let data = {
    name:'zs',
}

app.get('/', (req, res)=>{
    res.send(data);
    console.log(req.query.jsonpCallback + 'ask');
})

app.listen(port, ()=>{
    console.log('Server Active ' + port);
})

前端发送请求(这里使用ajax)

    <script>
        
//值得注意的是,ajax get方法也有解决跨域的功能,就是添加参数dataType:'jsonp',但是不要使用,这样会报错(本人尝试时发现),
//当然你也可以尝试一下
        $.ajax({
            url: 'http://localhost:3000/',
            method: 'get',
            //dataType:'jsonp',
            success: function (res) {
                console.log(res);
            }
        })
    </script>