localhost 跨域

在开发Web应用程序时，如果Web页面和API服务部署在不同的域名或端口下，就会遇到跨域问题。当Web页面通过AJAX或Fetch等方式请求API服务时，浏览器会拦截这个请求，因为它是跨域请求，这是为了防止恶意网站窃取用户信息。

解决跨域问题的方法有很多种，其中一种常用的方法是使用CORS（跨域资源共享）技术。CORS是一种基于HTTP头信息的机制，允许服务器告诉浏览器哪些域名是被允许访问的，从而实现跨域资源共享。

如果你使用的是localhost作为开发环境的域名，可以在API服务端的HTTP响应头中设置Access-Control-Allow-Origin字段，允许localhost访问API服务。例如，在Node.js中使用Express框架，可以添加以下代码实现跨域：

app.use(function(req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
});

这样，当Web页面通过AJAX或Fetch等方式请求API服务时，就可以跨域访问了。