在前端开发过程中,经常会遇到跨域的问题。跨域是指在浏览器中,当前网页所请求的资源位于不同的域名、协议或端口上,浏览器会限制跨域资源的访问。这是为了保护用户的安全和隐私。然而,在本地开发时,我们有时需要模拟跨域请求,例如与后端 API 进行交互。本文将介绍几种常见的解决跨域问题的方法,并提供相应的源代码示例。
方法一:使用代理服务器
代理服务器是一种常见的解决跨域问题的方法。它的原理是在本地开发环境中设置一个代理服务器,将前端请求转发给后端服务器,并将响应返回给前端,从而绕过浏览器的同源策略限制。
以下是使用 Node.js 创建一个简单的代理服务器的示例代码:
const http = require('http');
const httpProxy