ajax本地跨域请求以及解决方法

Ajax本地跨域请求通常发生在开发环境中，例如，你在本地开发一个前端应用，而API服务器运行在一个不同的端口上。

解决方法：

1. 使用代理服务器：配置一个代理服务器（如nginx或Node.js中间件），将所有API请求代理到API服务器。这样，从浏览器的角度来看，所有请求都是同源的。
2. 修改浏览器的hosts文件：将API域名指向localhost。
3. 关闭浏览器的同源策略（不推荐，仅限开发环境）：在支持的浏览器中，可以启动带有禁用同源策略的标志的实例。

以下是使用Node.js作为代理服务器的示例代码：

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
 
const app = express();
 
app.use('/api', createProxyMiddleware({ 
    target: 'http://localhost:3000', // API服务器地址
    changeOrigin: true,
    pathRewrite: {
        '^/api': '',
    },
}));
 
app.listen(4000, () => {
    console.log('Proxy server running on port 4000');
});

在这个例子中，所有发送到http://localhost:4000/api的请求都会被代理到http://localhost:3000。这样，你就可以在本地开发环境中进行跨域请求而不受同源策略的限制。