The Vue Storefront Essentials Course is now available! Learn More


Logging is an essential feature, it provides a detailed record of all server and website activity. Server logs capture important information, including the date and time of each request, the IP address of the requester, the type of request made, and the status of the request.

Logging is critical for several reasons. Firstly, logs are essential for troubleshooting issues that may arise on the server or website. Secondly, logs provide an invaluable tool for monitoring the performance of a website or server. You can detect patterns in website traffic and usage that could affect performance, which can be used to optimize the website for better performance and efficiency. Finally, logs can be used for security purposes to detect and investigate security incidents such as unauthorized access attempts or malicious activity.

You can find logs by navigating to environment settings, and clicking on Logs in the left menu.

VSF Console Environment logs path

How to work with logs?

Logs in the VSF console allow you to check logs from multiple sources and filter them by specific criteria.

Let's see what's possible and how to use it.

Date pickers

You can apply filters to metrics for a specific time period. There are two ways to set the time period:

  • Using a pre-defined range, such as the last 15 minutes.
  • Setting a custom period of time that suits your needs.
VSF Console Environment logs date picker


Sources are the main filter options.

VSF Console Environment logs sources

Before we start analyzing the website, it is worth knowing what the structure of the application is. More information about the architecture can be found in the VSF cloud architecture docs page

In short, your environment collects data from multiple sources, and you can check and analyze logs at multiple levels.


This is our ingress filter, which holds useful information about requests, for example, latency, "referer" headers or remote IP.


This is your main Vue Storefront application. Filtering by this source allows you to check what's happening in your SSR application logs.


This source is a reverse proxy for your VSF application and every additional application

other sources

This source groups additional application logs.


VSF Console Environment logs severity

This filter allows you to check only the most important indicators, such as errors. Errors can mean different things depending on the source:

  • in nginx and ingress, this means an HTTP status code and is defined as follows:
Severity typeHTTP status criteria
Error>= 500
Warning>= 400 AND < 500
Notice>= 300 AND < 400
Info< 300
  • in your Vue Storefront app, this means a different type of error or logs put to stdout or stderr

The search feature allows you to filter queries by specific criteria, which will filter your data by the URL and message info of the log.

Logs table

The most interesting data are in the table. We prepare and show you two different types of data in the table:

1. A JSON object with all key-value results:

VSF Console Environment logs table json object

2. A simple text message:

VSF Console Environment logs table message

All data are collapsed, and you can open more details by clicking on them.

Useful cases

Here are some common use cases for working with logs:

1. Sharing logs between members

When you start working with logs and filter them, you can share the URL link to the filtered logs with other organization members to investigate what happened.

2. Finding performance issues

You can easily check the performance of your application and identify performance issues, such as latency for a single URL, and what happened with it during a specific period of time.

3. Identifying security issues

You can use the logs to find a lot of information about unauthorized requests and identify ways to protect your environment from them. For example, you can use logs to detect brute force attacks or other types of malicious activity.

Download Logs

It is possible to download logs into a .json file. You can do so by clicking on the Download logs to file button.

VSF Console Download Button

This will open a modal, where you will be prompted to provide the number of logs that you want to download:

VSF Console Download Modal

After clicking the download button, the download will start, and the system window will open, asking you where you want to save the created logs file.

VSF Console Download Logs