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