0

Docker公式のRedmineイメージからコンテナを起動。
Vuejsで自作したフロントエンドからRedmineにRest APIをキック。
結果、以下のCORSエラーが発生した。
これを解消したい。
GitHubからredmine_corsというプラグインをダウンロードし、Web画面から許可するドメインの設定をしても解決せず。
参考文系が少なく原因不明。

エラー内容:

Access to XMLHttpRequest at 'http://localhost:3000/projects/sample/issues.json?query_id=8' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Redmineへリクエストするヘッダ:

'Content-Type': 'application/json'
'Access-Control-Allow-Origin': '*'
'X-Redmine-API-Key': 'アクセスキー'

以下Docker ComposeのYMLファイル。

version: '3.8'
services:
  redmine:
    build:
      context: .
      dockerfile: Dockerfile.dockerfile
    container_name: redmine
    ports:
      - 3000:3000
    environment:
      REDMINE_DB_MYSQL: redmine-db
      REDMINE_DB_PASSWORD: redmine
      command: /bin/bash
    depends_on:
      - redmine-db
    restart: always
    
  redmine-db:
    image: mariadb
    container_name: redmine-db
    ports:
      - 3306:3306
    environment:
      MYSQL_ROOT_PASSWORD: redmine
      MYSQL_DATABASE: redmine
    command: mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci
    restart: always

Dockerファイル。
CORS対策にGitHubからプラグインをダウンロード。
所定のディレクトリに入れるとエラーに参考にしているサイトのRedmineのバージョンに合わせてバージョンをlatestから下げてみた。
あとsedコマンドはmatchをgetに変えるべきとあったのでいれている。

FROM redmine:3.0.6

# CORS
RUN apt-get update -y
RUN apt-get install git -y
RUN cd /usr/src/redmine/plugins/ && git clone https://github.com/mavimo/redmine_cors.git -b v0.0.1
RUN sed -i -e 's/match/get/g' /usr/src/redmine/plugins/redmine_cors/config/routes.rb

Docker公式のRedmineイメージ

1 件の回答 1

0

自己解決しました。使用するライブラリを「rack-cors」に変更した結果上手くいきました。

質問で使用したライブラリは「redmine_cors」というものでしたが、恐らくは対応するバージョンがあっていなかったのだと思います。最終更新日が7年前でした。

手順としては以下の通りです。

  1. Gemfileの編集
  2. CORS対策用ファイルを作成
  3. Dockerコンテナを再起動

ちなみにこのライブラリについては以下の記事に記述されていました。

UbuntuにRedmine 4.2/5.0をインストールする

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。