轻松解决OCRS(Cross-Origin Resource Sharing)跨域问题，这招帮助你

开篇寄语

在日常编写Web应用，做网页调试，那么你肯定会遇到CORS，也称为Cross-Origin Resource Sharing，是每个Web开发人员在某个时候都必须处理的事情。如果您正在阅读本文，那么您可能现在正在处理CORS错误。那么如果你看到本篇文章，那么恭喜你，这个问题你就能轻松解决了呃。

内容详情

默认情况下，使用CORS，将阻止两个不同来源之间的所有请求。这是为了防止人们访问他们无法控制的服务器上的数据/ API。这很有用，因为您不希望随机网站能够使用存储在浏览器中的cookie向您的社交媒体或银行发出请求，因为这些cookie可能包含您对银行或社交媒体的凭据，这意味着该网站可以窃取这些信息。

但是，CORS不在乎相同来源之间的请求。

比如http://localhost:29999，和http://localhost:29999/home就是相同来源。

说了半天，不如来张图看着清楚，这就是啦，跨域问题。

那么该如何解决呢？

只需要在你的js文件中，放入以下代码，就可以解决了哦：

const express = require('express')
const app = express()
const cors = require('cors')

app.use(cors({
  origin: '*', //可以换成任意网址
  methods: ['GET', 'POST', 'PUT', 'DELETE'],
  allowedHeaders: ['Content-Type'],
  credentials: true
}))

app.listen(3000)

类似于这个样子：

之后OCRS的警告信息在console调试窗口中的信息就不会出现了，请求的api也能正常使用了。