跨域

一、跨域是什么？

浏览器发送Ajax时，请求的接口地址与当前打开页面的地址不同源，所以才造成跨域的问题

不同源：协议(http)、主机(如:127.0.0.1)、端口有一个不一致

解决跨域的办法

1、用第三方模块cors解决跨域问题，express有一个自带的中间件cors，它的作用是自动给每一个res设置默认请求头

// 用第三方模块解决跨域问题
const cors=require('cors')
app.use(cors())

2、用jsonp解决（需要后端支持）

<script>
        $.ajax({
            type:'get',
            url:'http://127.0.0.1:8088/jsonp',
            dataType:'jsonp',
            success:function(backData){
                console.log(backData);
            }
        })
    </script>

3、用nodejs来做服务器代理的话,需要用到第三方模块 http-proxy-middleware

中间件

在服务器开启后，路由接口响应之前执行的函数

作用：可以在路由响应之前，对请求头、响应头做一些预处理

app.use( (req, res, next) => {
    console.log('中间件')
    // next()是为了执行下一个中间件或路由接口
    next()
  })