前端调用patch类型接口报403 Forbidden
时间: 2023-12-08 07:38:57 浏览: 147
在前端调用patch类型接口报403 Forbidden的情况下,可能是由于后端服务器禁止了跨域请求。解决这个问题的方法有以下几种:
1.在后端服务器中添加跨域请求的配置,允许前端页面的跨域请求。可以在后端服务器的配置文件中添加以下代码:
```java
@Configuration
public class CorsConfig {
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE", "PATCH")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(3600);
}
};
}
}
```
2.在前端页面中使用代理服务器,将前端页面的请求转发到后端服务器上。可以在前端页面的配置文件中添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
3.在前端页面中使用JSONP方式进行跨域请求。可以在前端页面中添加以下代码:
```javascript
function jsonp(url, callback) {
var script = document.createElement('script');
script.src = url + '?callback=' + callback;
document.body.appendChild(script);
}
jsonp('http://localhost:8080/api', function(data) {
console.log(data);
});
```
阅读全文