首页 > 其他分享 >什么是跨域?跨域的解决办法?

什么是跨域?跨域的解决办法?

时间:2022-10-27 14:15:17浏览次数:48  
标签:npm 解决办法 跨域 url 什么 同源 cors 端口号

1.为什么会出现跨域问题?

出于浏览器的同源策略限制。同源策略是一种约定,它是浏览器最核心也最基本的安全功能。
同源策略:会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源就是在同一个域当中,就算两个页面具有相同的协议、主机和端口号。

2.什么是跨域?

当一个请求url的协议、域名、端口号三者之间任意一个与当前页面url不同即为跨域。

3.非同源的限制

1.无法读取非同源网页的 Cookie、LocalStorage 和IndexedDB
2.无法接触非同源网页的 DOM
3.无法向非同源地址发送 AJAX 请求

4.解决方案

1.可以下载npm包 cors npm i cors
2.当作 express 的中间件,注意代码应该放在顶部

  var cors = require('cors')
  app.use(cors())

标签:npm,解决办法,跨域,url,什么,同源,cors,端口号
From: https://www.cnblogs.com/zzxblogs999/p/16831989.html

相关文章