Welcome Guest, Not a member yet? Register   Sign In
Rest API Codeigniter. CORS PROBLEM [SOLVED]
#1

(This post was last modified: 04-15-2018, 02:33 PM by theedo.)

Hello, I'm working on ReactJS. I'm using React for the front-end part of website, and as backend I'm using Codeigniter with the RestAPI library (https://github.com/chriskacerguis/codeig...restserver). 

I'm working on http://localhost:8080 and PHP is on a link (created in hosts file) http://spotalefinale.com.

Now, I've a controller:
PHP Code:
<?php
/**
 * Created by PhpStorm.
 * Date: 15/04/2018
 * Time: 18:26
 */

require APPPATH 'libraries/REST_Controller.php';

class 
Login extends REST_Controller
{

 
   public function __construct($config 'rest')
 
   {
 
       parent::__construct($config);
 
       header('Access-Control-Allow-Origin: *');
 
       header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method");
 
       header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
 
       $method $_SERVER['REQUEST_METHOD'];
 
       if($method == "OPTIONS") {
 
           die();
 
       }

 
   }

 
   public function index_post(){
 
       header('Access-Control-Allow-Origin: *');
 
       header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method");
 
       header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
 
       $method $_SERVER['REQUEST_METHOD'];
 
       if($method == "OPTIONS") {
 
           die();
 
       }
 
       echo json_encode(array("hey" => "hey!"));
 
   }

 
   public function index_options() {
 
       return $this->response(NULLREST_Controller::HTTP_OK);
 
   }



and a sort of jquery ajax request:
Code:
handleSubmitLogin(e){
       e.preventDefault();
       var data = {
           nameLogin: this.state.loginName,
           passwordLogin: this.state.loginPassword
       };
       axios.post(url + 'a', data).then(function(res){
           console.log(res);
       })
       .catch(function(err){
           console.log(err);
       });
   }

(axios works as $.ajax). 

I'm getting this error: "Failed to load http://spotalefinale.com/a: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access." but I enabled the cors in the controller, as you can see. Now if I enable the CORS with a Chrome extension, it works without any problem. (This is the extension). 

Which is the problem? Why without enabling the extension the cors doesn't work? Thank you if you have some ideas!
Reply
#2

Here is a very good article on it.

Cross-Origin Resource Sharing (CORS)

Hope that helps.
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply
#3

Yeah, thank you. I read it, but it doesn't help me too much.

I don't know if it is a "local" problem (I'm running on localhost:8080), maybe is it?
Reply
#4

(This post was last modified: 04-15-2018, 02:07 PM by InsiteFX.)

Did you try using a vhost setup?

Also did you see if Chrome Developer is showing any errors?
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply
#5

(This post was last modified: 04-15-2018, 02:32 PM by theedo.)

Ok, I tried to host the frontend (reactjs) on a server with an accessible domain, then I tried one request and it doesn't work.
I've always this error: [Image: 9f1901669320d69ae4bec007a24a76ac.png]

UPDATE: SOLVED!

So, I was using IIS, so I added to my web.config:

Code:
<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" />
 </customHeaders>
</httpProtocol>
then I changed my controller to that
PHP Code:
<?php
/**
 * Created by PhpStorm.
 * User: Edoardo
 * Date: 15/04/2018
 * Time: 18:26
 */

require APPPATH 'libraries/REST_Controller.php';

class 
Login extends REST_Controller
{

 
   public function __construct($config 'rest')
 
   {
 
       parent::__construct($config);


 
   }

 
   public function index_post(){
 
       echo json_encode(array("hey" => "hey!"));
 
   }

 
   public function index_options() {
 
       return $this->response(NULLREST_Controller::HTTP_OK);
 
   }



and now it works!
Reply
#6

Glad to hear you got it to work.

Please edit your title and add this at the end of it [SOLVED]

Enjoy
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply




Theme © iAndrew 2016 - Forum software by © MyBB