Проблема с политикой CORS в экземпляре Odoo – исключая решения Nginx

Содержание

Вопрос или проблема
Ответ или решение
1. Использование Odoo с CORS
2. Использование proxy
3. JSONP
4. Middleware
5. Использование сторонних расширений
Заключение

Вопрос или проблема

Я сталкиваюсь с проблемой политики CORS (Cross-Origin Resource Sharing), пытаясь подключиться к моему облачному экземпляру Odoo (https://<мой-экземпляр>.odoo.com) из фронтенд-приложения, работающего на http://localhost:3000. Запрос завершается неудачей с следующим сообщением об ошибке в консоли:

Копировать код
Доступ к XMLHttpRequest по адресу 'https://<мой-экземпляр>.odoo.com/' с источника 'http://localhost:3000' был заблокирован политикой CORS: Ответ на предварительный запрос не прошёл проверку контролирования доступа: Перенаправление не разрешено для предварительного запроса.
Контекст:

Я разрабатываю веб-приложение, которому необходимо делать API-запросы к экземпляру Odoo. Сервер Odoo правильно настроен и работает. Я уже попытался применить различные решения, включая настройку параметров сервера Nginx, но мне нужны альтернативы, не связанные с конфигурацией Nginx. Запрос: Я был бы признателен за любые идеи или решения для устранения проблемы CORS без полагания на конфигурации Nginx. Буду очень благодарен за предложения, которые предполагают модификации на стороне бэкенда (если это возможно) или другие методы для обработки CORS!

const bClick = async () => {

   try {
      // Установите учетные данные Odoo и конечную точку
      const odooUrl="https://edu-purchase6.odoo.com";
      const dbName="edu-purchase6";
      const username="[email protected]";
      const password = 'Soly_11_2023';

      // Создайте сессию и аутентифицируйтесь
      const authResponse = await axios.post(odooUrl, {
         jsonrpc: '2.0',
         method: 'call',
         params: {
            db: dbName,
            login: username,
            password: password,
         },
         id: Math.floor(Math.random() * 1000)
      });

      const uid = authResponse.data.result.uid;
      debugger;
      // После аутентификации используйте search_read для получения отфильтрованных клиентов
      const response = await axios.post(odooUrl, {
         jsonrpc: '2.0',
         method: 'call',
         params: {
            model: 'res.partner',
            method: 'search_read',
            args: [
               [['customer_rank', '>', 0], ['city', '=', 'Кairo']],  // Пример условия: клиенты с городом 'Кairo'
               ['name', 'email']  // Поля для извлечения
            ],
            kwargs: {
               limit: 10,  // Ограничьте количество результатов (по желанию)
            },
            db: dbName,
            uid: uid,
            password: password,
         },
         id: Math.floor(Math.random() * 1000)
      });

      // this.customers = response.data.result;
   } catch (error) {
      console.error('Ошибка при получении клиентов:', error);
   }
}

Спасибо!

Ответ или решение

Проблема с CORS (Cross-Origin Resource Sharing) может быть сложной, особенно когда вы пытаетесь взаимодействовать с API Odoo из локального приложения. Ниже представлены некоторые стратегии для решения проблемы CORS, не затрагивая конфигурацию Nginx.

1. Использование Odoo с CORS

На данный момент Odoo не поддерживает CORS по умолчанию, что и приводит к вашей проблеме. Однако вы можете изменить конфигурацию самого Odoo. Для этого вам нужно изменить файл odoo.conf и добавить настройки CORS. Вам нужно добавить следующие строки в файл:

[options]
cors = *

Значение * разрешает доступ с любого источника. Будьте осторожны с использованием этой настройки в производственной среде, так как это может подвергнуть безопасность вашего приложения риску. Рекомендуется задать конкретные домены вместо *.

2. Использование proxy

Если вы не хотите изменять настройки Odoo, можно установить локальный прокси-сервер, который будет обрабатывать ваши запросы. Здесь вы можете использовать такие инструменты, как http-proxy-middleware или встроенные возможности разработки в create-react-app.

Если вы используете create-react-app, вы можете добавить прокси в ваш package.json:

"proxy": "https://<my-instance>.odoo.com"

С этим настроенным, прикладное приложение будет отправлять запросы через ваш локальный сервер разработки, который не будет нарушать политику CORS.

3. JSONP

В некоторых случаях вы можете использовать JSONP (JSON with Padding) для обхода ограничений CORS. Однако это возможно только для GET-запросов и требует изменений как на клиенте, так и на сервере. К сожалению, Odoo не имеет поддержки JSONP по умолчанию.

4. Middleware

Если у вас есть доступ к серверной части Odoo и возможность писать middleware, вы можете создать промежуточный слой (middleware), который будет обрабатывать запросы и добавлять необходимые заголовки CORS.

Пример:

from odoo.http import Controller, request

class CorsController(Controller):

    @http.route('/your/route', type='http', auth='public', csrf=False)
    def your_method(self, **kwargs):
        response = request.make_response("Your Data")
        response.headers['Access-Control-Allow-Origin'] = '*'
        return response

Это добавит заголовки CORS в ответ вашего Odoo на данный маршрут.

5. Использование сторонних расширений

Существуют также сторонние решения и расширения для Odoo, которые могут помочь с настройкой CORS. Проверьте наличие модулей CORS в Odoo Apps Store, которые могут помочь вам автоматически настроить необходимые заголовки.

Заключение

Если ни один из вышеперечисленных методов не решает вашу проблему, возможно, вам нужно будет детально рассмотреть архитектуру вашего приложения и взаимодействие с Odoo. Иногда настройка и использование API через серверное приложение, которое будет обрабатывать запросы, может стать более надежным решением с точки зрения безопасности и производительности.

Если у вас есть дополнительные вопросы или возникли трудности с реализацией, не стесняйтесь задавать уточняющие вопросы. Удачи в разработке вашего приложения!