Access to XMLHttpRequest at 'http://localhost:10010/item/list?page=1&size=5' from origin 'http://localhost:9001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. (索引):168 Error: Network Error at e.exports (axios.min.js:8:4483) at l.onerror (axios.min.js:8:3323) axios.min.js:8 GET http://localhost:10010/item/list?page=1&size=5 net::ERR_FAILED 404 (Not Found) (匿名) @ axios.min.js:8 e.exports @ axios.min.js:8 e.exports @ axios.min.js:8 Promise.then(异步) r.request @ axios.min.js:8 r.<computed> @ axios.min.js:8 (匿名) @ axios.min.js:2 query @ (索引):159 created @ (索引):149 callHook @ vue.js:2921 Vue._init @ vue.js:4617 Vue @ vue.js:4716 (匿名) @ (索引):128
时间: 2024-02-22 12:01:35 浏览: 78
XMLHTTPRequest对象-XML/XSLT
这个错误是因为你的前端代码向后端发起了跨域请求,但是后端没有设置允许跨域访问的响应头,所以浏览器会拦截这个请求。你需要在后端设置一个响应头来允许前端的跨域请求。可以在后端的接口中添加如下代码:
```java
response.setHeader("Access-Control-Allow-Origin", "*");
```
其中,`*` 号表示允许所有来源的跨域请求,你也可以指定具体的域名。同时,你还需要确保请求的 URL 和后端代码中的 URL 是一致的,否则会出现 404 Not Found 错误。
阅读全文