Fix vue config when using docker

docker-compose.yml

@@ -29,5 +29,7 @@ services:
     volumes:
       - ./frontend/:/home/node/
     command: "yarn serve"
+    environment:
+      DOCKER: "yes"
     depends_on:
       - api

frontend/vue.config.js

@@ -2,7 +2,10 @@ module.exports = {
   devServer: {
     proxy: {
       "/api": {
-        target: "http://localhost:8000/",
+        target:
+          process.env.DOCKER == "yes"
+            ? "http://api:8000/"
+            : "http://localhost:8000",
       },
     },
   },

test_project/test_project/settings.py

@@ -28,6 +28,7 @@ SECRET_KEY = '!8o(-dbbl3e+*bh7nx-^xysdt)1gso*%@4ze4-9_9o+i&t--u_'
 DEBUG = 'DEBUG' in os.environ
 
 ALLOWED_HOSTS = [
+    'api',
     '127.0.0.1',
     'localhost',
 ]