Page Comparison

...

This will start the process for the CHEFS frontend.

Troubleshooting

Cannot connect to the Docker daemon:

Before running docker compose up, you will need to start the Docker daemon. Most Linux distributions use systemctl to start services and the macOS equivalent is launchctl. Use the following command to run the Docker daemon:

sudo systemctl start docker

or

sudo launchctl start docker

for Mac users.

If you are using the Docker desktop app, starting the application and then running docker compose up will also work.

App not loading on localhost

After running npm run serve, the App should be running at http://localhost:8081/app/, but if you have issues where it is not loading, try the following:

...

function loadKeycloak(config) {
  Vue.use(VueKeycloakJs, {
    init: { onLoad: 'check-sso', checkLoginIframe: false },
    config: {
      clientId: config.keycloak.clientId,
      realm: config.keycloak.realm,
      url: config.keycloak.serverUrl
    },
    onReady: () => {
      initializeApp(true, config.basePath);
    },
    onInitError: error => {
      console.error('Keycloak failed to initialize'); // eslint-disable-line no-console
      console.error(error); // eslint-disable-line no-console
    }
  });
}

setting the checkLoginIframevalue to false.

Before pushing your code, remember to revert the changes to main.js, removing the checkLoginIFrame variable from the code.

2. CORS Unblock Extension

In case you get an error message where access is blocked by CORS policy similar to the one below:

...

Download the CORS Unblock extension for chrome and enable the following settings:

...

This extension disables CORS security and should allow you to load the local instance of your application.