ios - ionic 2 后请求不起作用

Question

我在 ionic 2 中使用以下代码进行 post 方法请求。

var headers = new Headers();
headers.append("Accept", 'application/json');
headers.append('Content-Type', 'application/json');
headers.append('Access-Control-Allow-Origin', '*');
headers.append('Access-Control-Allow-Headers', 'Content-Type');
headers.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');

let body = new FormData();
body.append('UserName', 'sp');
body.append('password', 's');

let options = new RequestOptions({ headers: headers })

this.http
    .post('http://192.168.1.9:8080/api/Restaurant/Login', body, options)
    .map(res => res.json())
    .subscribe(
        data => {
          console.log("Response is ::::::",data);
        },
          err => {
          console.log("ERROR!::::: ", err);
        }
    );

以上http://192.168.1.9:8080/api/Restaurant/Login是我的本地网址。使用此 URL，我能够从 iOS 模拟器和 postman 那里获得请求/响应，但不能从 ionic 2 项目中获得。

根据随附的屏幕截图，我收到错误消息。

我们在 CORS header 下方添加了服务器端。

<httpprotocol>
    <customheaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Headers" value="Content-Type" />
        <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />
        <add name="Access-Control-Allow-Credentials" value="true" />
    </customheaders>
</httpprotocol>

任何人都可以帮助我哪里错了吗？

提前谢谢你。

Answer 1

在您的服务器端，您是否配置了 WebSecurity？我对 Angular 的经验是，它会在发送实际请求之前发送飞行前的 OPTIONS 请求，如果您的服务器不支持 OPTIONS 请求，那么它将拒绝它。我不确定这是否对您有帮助，因为它是在 Spring 中设置的。

@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
.....

@Override
protected void configure(HttpSecurity http) throws Exception {
    http
        .csrf().disable()
        .exceptionHandling().authenticationEntryPoint(unauthorizedHandler)
        .and()
        .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
        .and()
        .authorizeRequests()
        .antMatchers("/**/user").permitAll()
        ...
        .antMatchers(HttpMethod.OPTIONS, "/**").permitAll() //This allows options requests
        ...

}

祝一切顺利!希望你能成功:)快乐编码