the 'access-control-allow-origin' header contains multiple values 'http://lo

这个错误信息表明HTTP响应头中的Access-Control-Allow-Origin包含了多个值，而该头部通常只能有一个值。这种情况通常发生在服务器配置不当或者中间件处理不正确时。

基础概念

Access-Control-Allow-Origin是一个CORS（跨源资源共享）相关的HTTP响应头，用于指定哪些源（域）有权限访问资源。浏览器出于安全考虑，实施了同源策略，CORS机制允许服务器声明哪些外部源可以访问其资源。

为什么会出现这个问题？

服务器配置错误：服务器可能被配置为对同一请求返回多个Access-Control-Allow-Origin值。
中间件冲突：如果使用了多个处理CORS的中间件，它们可能会相互干扰，导致设置多个值。
动态内容生成问题：在某些情况下，服务器端的脚本可能在不同的逻辑分支中设置了不同的Access-Control-Allow-Origin值。

如决解决这个问题？

方法一：使用通配符或静态值

如果你希望允许所有域访问资源，可以使用通配符*：

Access-Control-Allow-Origin: *

或者，如果你只想允许特定的域，可以直接设置：

Access-Control-Allow-Origin: http://example.com

方法二：动态设置单个值

如果你需要动态地根据请求来设置这个头部，确保每次只设置一个值。例如，在Node.js中使用Express框架时：

const express = require('express');
const app = express();

app.use((req, res, next) => {
  const allowedOrigins = ['http://example1.com', 'http://example2.com'];
  const origin = req.headers.origin;
  if (allowedOrigins.includes(origin)) {
    res.setHeader('Access-Control-Allow-Origin', origin);
  }
  next();
});

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server running on port 3000');
});