JavaScript 禁止跨域访问解决方法：使用CORS（跨域资源共享）、JSONP（JSON with Padding）、代理服务器、后端设置CORS头部。这些方法各有优缺点，最常用的是CORS（跨域资源共享），因为它是现代浏览器普遍支持的标准解决方案。
详细描述CORS（跨域资源共享）：CORS是一种机制，通过服务器设置特定的HTTP头部，允许浏览器从不同的域加载资源。为了使浏览器能够请求跨域资源，服务器需要设置Access-Control-Allow-Origin头部。当浏览器发出跨域请求时，会首先发送预检请求（OPTIONS方法）以确认服务器允许跨域请求。服务器响应预检请求后，浏览器才会发送实际请求。通过这种方式，CORS可以有效地、安全地解决跨域问题。
一、CORS（跨域资源共享）
1、基本概念
CORS（Cross-Origin Resource Sharing）是一种允许服务器告知浏览器允许来自不同源的资源访问的机制。它通过在HTTP响应头中设置特定的头部来实现。CORS是现代浏览器支持的标准解决方案。
2、实现方法
实现CORS的关键在于服务器端的配置。以下是一些常见的服务器配置示例：
- Node.js（Express）：
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
app.get('/data', (req, res) => {
res.json({ message: 'This is CORS-enabled for all origins!' });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
- Apache：
在Apache的配置文件或.htaccess文件中添加以下内容：
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
- Nginx：
在Nginx的配置文件中添加以下内容：
location / {
add_header 'Access-Control-Allow-Origin' '*';
}
3、预检请求
对于某些复杂请求（例如使用PUT或DELETE方法，或自定义头部），浏览器会发送一个OPTIONS请求进行预检。这是为了确保服务器允许该请求。服务器需要处理预检请求并返回适当的响应头。
app.options('/data', (req, res) => {
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type');
res.send();
});
二、JSONP（JSON with Padding）
1、基本概念
JSONP是一种传统的跨域解决方案，通过利用