Connect Ionic with ERP odoo

Question

I am working with Ionic 3 app. Backend for my app is Odoo v11. When connecting my mobile app with Odoo v11 using angular4-odoo-jsonrpc I have to face below error.

Failed to load http://127.0.0.1:8069/web/session/authenticate: Response to the preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

this is my Code:

import { OdooJsOnProvider } from '../../providers/odoo-js-on/odoo-js-on';
import { Component } from '@angular/core';
import { AlertController, IonicPage, Loading, LoadingController, NavController, NavParams } from 'ionic-angular';
import { UtilsProvider } from "../../providers/utils/utils";
import * as Ng6OdooRPCService from 'angular6-odoo-jsonrpc';
import { OdooRPCService } from 'angular4-odoo-jsonrpc'


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(
    public navCtrl: NavController,
    private odooRPC: OdooRPCService
  ) {
    this.odooRPC.init({
      odoo_server: "http://127.0.0.1:8069",
      http_auth: "admin:admin" // optional
    });
    this.odooRPC.login('odoo', 'admin', 'admin').then(res => {
      console.log('login success');
    }).catch(err => {
      console.log('login failed', err);
    })
  }

}

score 0 · Answer 1 · answered Sep 10 '18 at 16:00

0

Two approaches.

Allow your localhost and port (8100) access by managing CORS on your backend

OR

Set-up proxying https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md

answered Sep 10 '18 at 16:00

KieranDotCo

467
2
16

how i can Allow my localhost and port (8100) access by managing CORS on your backend – Nazeeh Sep 12 '18 at 12:05

score 0 · Answer 2 · answered Sep 10 '18 at 17:41

0

You have to manage CORS from your backend. Read more about CORS here.

If you want to test your mobile app avoiding CORS add this Extension to Google Chrome. But use this type of Extensions only for testing.

answered Sep 10 '18 at 17:41

Sudarshana Dayananda

5,165
2
23
45

i stop the CORS from Browser using this command google-chrome --disable-web-security but still same error – Nazeeh Sep 12 '18 at 08:22

score 0 · Answer 3 · answered Sep 23 '19 at 00:48

0

allow CORS in your backend like this :

@http.route('/route/<id>', type='http', cors='*', csrf=False, auth="user")
def method(self, id, **kwargs):

cors='*'

answered Sep 23 '19 at 00:48

El Mehdi El Ouali

1

Connect Ionic with ERP odoo

3 Answers3