index:1 Access to XMLHttpRequest at 'http://10.198.8.102:8081/TruckParkTime?Token=Parking20230103163153666&TruckNo=%E7%B2%A4V235J3' from origin 'http://localhost:8080' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.具体分析

这个错误提示说的是在跨域请求过程中，服务端响应头中包含了多个`Access-Control-Allow-Origin`头部，但是浏览器只允许包含一个。

这可能是由于服务端在响应头中设置了多个`Access-Control-Allow-Origin`头部，或者在不同的响应中分别设置了`Access-Control-Allow-Origin`头部，造成了多个头部的冲突。

为了解决这个问题，你需要在服务端代码中检查响应头，确保只有一个`Access-Control-Allow-Origin`头部被设置，并且只包含一个允许跨域请求的来源域名。

如果你使用的是Java开发的服务器，可以在处理客户端请求的Servlet的`doGet`或`doPost`方法中添加以下代码：

response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080");

其中，`response`是`HttpServletResponse`对象，`http://localhost:8080`是你允许跨域请求的来源域名，你也可以将其替换为其他的域名。

这样，当客户端发起跨域请求时，服务端就会在响应头中添加`Access-Control-Allow-Origin: http://localhost:8080`，从而允许客户端跨域访问。

相关问题

index.jsp:1 Access to XMLHttpRequest at 'http://10.198.8.102:8081/TruckParkTime?Token=Parking20230103163153666&TruckNo=1' from origin 'http://localhost:8080' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.要怎么修改

这是由于跨域资源共享（CORS）策略导致的错误。在服务器响应中，'Access-Control-Allow-Origin' 头部只能包含一个值，但是服务器响应中包含了两个 '*'。要解决这个问题，你需要在服务器端修改响应头。你可以在服务器端设置 'Access-Control-Allow-Origin' 头部，使其只包含允许的源，例如：

Access-Control-Allow-Origin: http://localhost:8080

如果你想允许所有的源，可以设置 '*'：

Access-Control-Allow-Origin: *

但是要注意安全问题，不建议在生产环境中使用 '*'。

function getPlateNumber() { const plateNumber = document.getElementById("plateNumber").value; const queryString = `Token=Parking20230103163153666&TruckNo=${plateNumber}`; const url = `http://10.198.8.102:8081/TruckParkTime?${queryString}`; const options = { method: "GET", url: url, headers: { "content-type": "application/json" }, }; axios .request(options) .then(function (response) { console.log(response.data); var data = JSON.parse(response.data); console.log(data.TruckNo); console.log(data.Intime); console.log(data.ParkTime); console.log(data.Money); showResult(data); }) .catch(function (error) { console.error(error); }); } function showResult(data) { const resultDiv = document.getElementById("result"); resultDiv.textContent = "车牌:" + data.TruckNo + "进场时间:" + data.Intime + ",停车时长:" + data.ParkTime + ",产生金额:" + data.Money; }控制台显示index.jsp:1 Access to XMLHttpRequest at 'http://10.198.8.102:8081/TruckParkTime?Token=Parking20230103163153666&TruckNo=1' from origin 'http://localhost:8080' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed是哪里有问题

这个错误提示显示在控制台中，说明是浏览器的跨域安全策略导致的。具体来说，是因为服务器响应中包含了两个 '*'，而浏览器只允许一个 '*'。这是一个常见的错误，需要在服务器端修改响应头。

在你的代码中，请求头部并没有包含 'Access-Control-Allow-Origin' 字段，因此需要在服务器端进行设置。你需要在服务器端处理请求的代码中添加如下代码：

Java Servlet：

response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080");

Node.js：

res.setHeader("Access-Control-Allow-Origin", "http://localhost:8080");

其中，'http://localhost:8080' 指的是允许跨域访问的源。如果你想允许所有的源，可以设置 '*'：

response.setHeader("Access-Control-Allow-Origin", "*");

res.setHeader("Access-Control-Allow-Origin", "*");

但是要注意安全问题，不建议在生产环境中使用 '*'。