跨域

91 阅读1分钟

为什么会跨域?

  • 是由于浏览器的同源策略限制,是浏览器的一个保护机制,隔离一些恶意的文件数据

如何解决跨域

  1. Jsonp
    • 利用script标签不受浏览器同源策略限制,动态生成script标签给服务器传递一个回调函数名,服务器配合插入参数返回该函数的执行,客户端拿到数据
    • 缺点:需要服务器配合,请求接口较多,代码较冗余,且script标签只能发送get请求,请求局限性较大
  2. cors跨域资源共享
    • 服务器配置相应头Origin字段,可以设置请求IP白名单
  3. webpack配置代理服务器
    • 在vue.config.js文件中配置devserver
  4. 项目上线时可以配置nginx反向代理