I have been tinkering with angularJS in production mode and got this annoying error,that got me stuck for days at the expense of my other projects.cross-origin request blocked: the same origin policy disallows reading the remote resource at http://veranevents.com…….. (reason: cors header ‘access-control-allow-origin’ missing).
I also had error code 500 from my server when i looked at networks in console mode.
My development stack was just a simple configuration of

  2. slim php v2
  3.  angularjs 1.5

To solve the errors.I saved my api in another file and deleted the whole darn thing and from the top started  adding call after call:
I also added this piece of code  to solve the CORS problem

    if (isset($_SERVER['HTTP_ORIGIN'])) {
        header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Max-Age: 86400');    // cache for 1 day

    // Access-Control headers are received during OPTIONS requests

            header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         

            header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");


Thanks to a couple of guys at stackoverflow
I realized that i had several syntatic errors,that were transparent on my local server and that got rid all the errors,which then made my day.
Head over to  Veran events management software   and see my angularjs web app

Your support is our everlasting motivation,
that cup of coffee is what keeps us going!

As we continue to grow, we would wish to reach and impact more people who visit and take advantage of the guides we have on our blog. This is a big task for us and we are so far extremely grateful for the kind people who have shown amazing support for our work over the time we have been online.

Thank You for your support as we work to give you the best of guides and articles. Click below to buy us a coffee.


Please enter your comment!
Please enter your name here