<html> <head> <meta charset="UTF-8"> <title>车牌号查询</title> </head> <body> <label for="plateNumber">请输入车牌号:</label> <input type="text" id="plateNumber"> <br><br> <button onclick="getPlateNumber()">提交</button> <br><br> <label>你的停车信息:</label> <div id="result"></div> <label>test:</label> <div id="aaa"></div> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="script.js"></script> </body> </html>怎么解决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.
时间: 2023-07-09 07:36:07 浏览: 157
车牌号查询
3星 · 编辑精心推荐
这个错误是因为您在请求另一个域(例如http://localhost:3000)的数据时,服务器响应头中的'Access-Control-Allow-Origin'头包含了两个通配符'*',导致浏览器拒绝了这个跨域请求。解决这个问题的方法有两种:
1. 修改服务器端的响应头,确保'Access-Control-Allow-Origin'头只包含一个值,例如:
```
Access-Control-Allow-Origin: http://localhost:8080
```
这样浏览器就会允许来自'http://localhost:8080'的跨域请求。
2. 在客户端发送请求时,设置axios的`withCredentials`选项为true,例如:
```javascript
axios.get('http://localhost:3000/data', {
withCredentials: true
})
```
这样axios就会在请求中携带跨域请求的cookie信息,服务器就可以根据这些信息判断是否允许该跨域请求。
无论哪种方法,都需要在服务器端进行相应的配置才能解决这个问题。
阅读全文