swagger mockより、frontend&backend開発環境構築

構成

ブラウザ(http://localhost:3030) → nginx(3030)→ |→ frontend(8080)
                                             |
                                             |→ backend(7070) → mysql(3306)
                                             |→ swagger mock(7070)

設定と起動

nginx

http {
......
     
    server {
        listen       3030;
        server_name  localhost;
 
      proxy_buffering off;  
 
      location / {
                proxy_pass http://localhost:8080/;
        }
 
        location /api/ {
                proxy_pass http://localhost:7070/api/;
        }
......

frontend(Vue.js)

yarn serve

backend(Django)

pipenv run python manage.py runserver 7070

swagger mock server

swagger_server/__main__.py

app.run(port=7070)

python3 -m swagger_server