pigx框架,前端调用后台接口的时候报错提示如下: Access to XMLHttpRequest at 'http://47.104.30.149/api/admin/i18n/info' from origin:8888/#/:1"http://localhost:8888' has been blocked by CORS policy: No 'Access-Control-Allow-0riginheader is present on the requested resource.
时间: 2023-12-04 09:02:02 浏览: 152
这个错误提示是由于跨域资源共享(CORS)策略导致的。浏览器默认会限制跨域请求,只允许在同一个域名下发送请求。
要解决这个问题,你可以在后端服务器上添加响应头,允许特定的域名访问接口。在你的后台接口中,添加以下响应头信息:
```
Access-Control-Allow-Origin: http://localhost:8888
Access-Control-Allow-Methods: GET, POST, PUT, DELETE
Access-Control-Allow-Headers: Content-Type
```
其中,`http://localhost:8888` 是你前端应用的域名,可以根据实际情况进行修改。
如果你使用的是Spring Boot框架,可以在后端接口方法上添加`@CrossOrigin`注解,如下所示:
```java
@CrossOrigin(origins = "http://localhost:8888")
@RequestMapping("/api/admin/i18n/info")
public ResponseEntity<?> getInfo() {
// 处理接口逻辑
}
```
这样设置之后,浏览器就会允许从指定的域名发送跨域请求了。不过请注意,在生产环境中,应该仅允许信任的域名访问接口,避免安全风险。
阅读全文