后端跨域
1.设置请求头跨域
const express = require(‘express’);
const port = 4000;
const host = ‘localhost’;
const app = express(); //得到一个app对象
app.get(’/server’, (req,res,next) => {
res.setHeader(‘Access-Control-Allow-Origin’,’*’); // 设置请求头进行跨域
res.json(data); //前段请求的数据data
} )
app.listen( port,host,()=>{ //创建api服务器并监听
console.log(The server is running at : http://${ host }:${ port }
)
})
2.使用中间件进行跨域,通过第三方库 cors
cors 默认配置
{
“origin”: “*”,
“methods”: “GET,HEAD,PUT,PATCH,POST,DELETE”,
“preflightContinue”: false,
“optionsSuccessStatus”: 204
}
const express = require(‘express’);
const cors = require(‘cors’);
const port = 4000;
const host = ‘localhost’;
const app = express(); //得到一个app对象
app.use( cors( {
“origin”: “*”,
“methods”: “GET,HEAD,PUT,PATCH,POST,DELETE”,
“preflightContinue”: false,
“optionsSuccessStatus”: 200
} ) );
app.get(’/server’, (req,res,next) => { //创建接口
res.json(data); //前段请求的数据data
} )
app.listen( port,host,()=>{ //创建api服务器并监听
console.log(The server is running at : http://${ host }:${ port }
)
})