使用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>