You are here

Ionic3 解决http请求跨域问题

作者: 老葛 亚艾元软件

到app.module.ts文件中注册一下http module,示例代码如下:

import { HttpModule} from '@angular/http';


@NgModule({

  imports: [

    HttpModule

  ],

  declarations: [ AppComponent ],

  bootstrap:    [ AppComponent ]

})

export class AppModule {

}


添加到imports数组里面。

使用http发起请求,出现如下错误信息:


XMLHttpRequest cannot load http://localhost/example/caselistjson. Redirect from 'http://localhost/example/caselistjson' to 'http://localhost/example/user/login?destination=caselistjson' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.



这个问题就是跨越问题,解决办法参考如下:


在网站的.htaccess文件中,添加以下代码:

Header set Access-Control-Allow-Origin "*"


之后请求成功的,按时返回数据错误。检查发现用户没有权限。

降低views的权限设置,允许外部访问。


论坛:

Drupal版本: