本地服务器为什么能做跨域 • Worktile社区

不及物动词

这个人很懒，什么都没有留下～

本地服务器之所以能够实现跨域访问，主要是因为浏览器的"同源策略"导致的限制。同源策略规定，浏览器只允许在相同协议、域名和端口号的情况下进行通信。而如果不同源，浏览器会阻止跨域的请求。

然而，本地服务器可以实现跨域是因为浏览器对于"localhost"或者"127.0.0.1"这样的域名不进行严格的同源策略限制。这些域名被认为是在同一个源中，因此可以实现跨域访问。当我们在本地搭建了一个服务器，使用这些域名进行访问时，就不存在跨域的问题。

对于本地服务器而言，我们可以通过在本地启动一个服务，通过指定端口号来访问。例如，可以通过在终端中运行命令"python -m http.server 8000"来启动一个本地服务，并监听在8000端口上。然后，在浏览器中访问"localhost:8000"就可以进行跨域访问了。

需要注意的是，跨域访问的问题并不是由服务器来解决的，而是由浏览器来限制的。因此，无论是本地服务器还是远程服务器，都需要浏览器的支持才能实现跨域访问。

总而言之，本地服务器能够实现跨域访问，是因为浏览器在对于"localhost"或者"127.0.0.1"这样的域名没有严格的同源策略限制。通过在本地搭建一个服务器，在指定的端口上启动服务，就可以实现跨域访问。

1年前 0条评论

worktile

Worktile官方账号

本地服务器之所以能够实现跨域，是因为跨域是由浏览器的同源策略限制的，而本地服务器在本地环境下运行，没有受到同源策略的限制。

以下是本地服务器能够实现跨域的几个原因：

同源策略：浏览器的同源策略是为了保护用户信息安全而设计的，它限制了来自不同源的脚本在同一页面中运行的能力。同源是指协议、域名、端口都相同，而本地服务器运行在本地环境，一般是在 localhost 或者 127.0.0.1 上，默认端口为80或者其他自定义端口，所以不受同源策略的限制。
Origin Header：跨域请求时，浏览器会在 Request Header 中添加 Origin 字段，用来识别请求的来源。而本地服务器收到请求时，可以自行判断是否允许该请求通过，当然也可以直接返回数据给浏览器。
CORS（跨域资源共享）：CORS 是一种基于 HTTP 头的机制，它允许服务器在响应中添加一些额外的头信息，告诉浏览器该服务器允许通过。通过配置 CORS，本地服务器可以设置允许跨域请求的来源、请求头、方法等。
JSONP：本地服务器可以借助 JSONP（JSON with Padding）实现跨域请求。JSONP 是一种通过动态创建 script 标签来实现跨域请求的方式。本地服务器可以在响应中返回一段 JavaScript 代码，浏览器接收到该响应后会自动执行这段代码，从而实现跨域请求。
代理服务器：本地服务器可以通过设置代理服务器来实现跨域请求。代理服务器作为中间层，接收浏览器的请求，并发送给目标服务器。然后代理服务器将目标服务器的响应返回给浏览器。由于代理服务器与目标服务器之间是正常的同源请求，所以可以绕过同源策略实现跨域请求。

1年前 0条评论

fiy

Worktile&PingCode市场小伙伴

本地服务器可以通过设置相关的HTTP响应头来实现跨域。跨域是指在浏览器同源策略下，不同源之间的网络请求被禁止。同源策略是一种浏览器安全策略，是为了保护用户信息安全而设置的。同源是指具有相同的协议、主机和端口的两个URL。

但有时候我们确实需要在不同源之间进行数据交互，例如前后端分离的开发模式下，前端页面在本地服务器上运行，而后端API服务可能在另外一个服务器上运行。为了解决这个问题，我们可以通过设置服务器响应头中的CORS（Cross-Origin Resource Sharing，跨域资源共享）属性来实现跨域。以下是实现跨域的一些方法和操作流程。

使用反向代理服务器
借助反向代理服务器，可以将前端的请求转发到后端API服务器上，从而实现跨域访问。常见的反向代理服务器有Nginx和Apache等。具体操作流程如下：
- 在反向代理服务器上配置代理规则，将前端请求转发到后端API服务器上，保持同源。
- 在Nginx配置文件中添加以下代码：
```
location /api {
    proxy_pass http://api.example.com;
}
```
- 这样，当前端请求以/api开头时，Nginx会将请求转发到http://api.example.com上，并返回响应结果给前端。
设置响应头
在后端API服务器中设置相关的响应头，告诉浏览器可以接受跨域访问。具体操作流程如下：
- 在后端API服务器的响应中设置Access-Control-Allow-Origin响应头，指定允许跨域访问的域名。
- 在后端API服务器的响应中设置Access-Control-Allow-Methods响应头，指定允许跨域请求的HTTP方法。
- 在后端API服务器的响应中设置Access-Control-Allow-Headers响应头，指定允许的自定义请求头。
使用JSONP
JSONP是一种跨域请求的方法，允许在前端页面中通过动态创建<script>标签来请求外部资源。具体操作流程如下：
- 在前端页面中创建一个<script>标签，指定src属性为后端API的URL，并传递一个回调函数名作为参数。
- 后端API服务器将返回一段JavaScript代码，并执行回调函数，将数据作为参数传递给回调函数。
- 前端页面中定义回调函数，接收后端返回的数据。
使用WebSocket
WebSocket是HTML5新增的一种协议，可以在浏览器和服务器之间建立持久的双向通信连接。WebSocket通信不受同源策略的限制，可以实现跨域通信。

总结：
本地服务器能够做跨域是因为通过设置相关的HTTP响应头，可以告诉浏览器允许跨域访问。常见的方法有使用反向代理服务器、设置响应头、使用JSONP和使用WebSocket。以上是一些常用的跨域解决方法，根据具体的情况选择合适的方法来实现跨域访问。

1年前 0条评论