8.2、跨域

 $.ajax({
            url:"http://192.168.4.18:7000/ad",
            method:"get",
            dataType:"jsonp",
            success:res=>{
                console.log(res)
            }
        })

协议,子域名,主域名,端口
域:协议,子域名,主域名,端口,请求的资源文件组成
跨域: 协议,子域名,主域名,端口不同时候就叫跨域
同源策略:javascript出于同源策略,不允许从一个域访问另一个域的对象。

如何去解决跨域

8.2.1、前端跨域

jsonp跨域

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。

/* jquery-ajax  jsonp*/
        $.ajax({
            url:"http://192.168.4.18:7000/ad",
            method:"get",
            dataType:"jsonp",
            success:res=>{
                console.log(res)
            }
})

8.2.2、服务端跨域

Access-Control-Allow-Origin','*'

koa.js
koa2-cors//中间 
const cors = require("koa2-cors");
app.use(cors({
    origin:"*"
}));
//所有其他的域,都可以访问本域

const koa = require("koa");
const app =  new koa();
app.use(async ctx=>{
    ctx.set('Access-Control-Allow-Origin','*')
    ctx.body = {
        name:"cheng"
    }
})
app.listen(5000)

//处理跨域
app.use(async (ctx, next) => {
    ctx.set("Access-Control-Allow-Origin", "*")
    await next()
  })