Как регистрировать ошибки в проекте VueJS, развернутом в образе докера nginx?

Question

У меня есть проект VueJS, который развертывается с использованием образа докера nginx.

Мой .Dockerfile выглядит следующим образом:

# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm i npm@latest -g && npm install
COPY . .
RUN npm run build

# production stage
FROM nginx:stable-alpine as production-stage
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

И мой nginx.conf выглядит так:

server {
  listen 80 default_server;
  listen [::]:80 default_server;

  root /usr/share/nginx/html;

  index index.html;

  location / {
    # Support the HTML5 History mode of the vue-router.
    # https://router.vuejs.org/en/essentials/history-mode.html
    try_files $uri $uri/ /index.html;
  }
}

Теперь я ищу способ настроить какой-нибудь регистратор, чтобы любые возможные ошибки, которые могут произойти в приложении, были записаны в каком-то файле .log.на сервере.Поскольку приложение уже находится в производстве, я хотел бы, когда я открою этот файл (где я смогу регистрировать ошибки), чтобы увидеть любые потенциальные предупреждения / ошибки, которые присутствуют в приложении и которые могут повредить нормальному потокупользователи.

Так как VueJS это клиентская JavaScript структура фреймворка, я не уверен, как собрать все это вместе и с какой стороны мне нужно будет добавить регистратор, поэтомуЯ поделился кодом из потока определения размера докера.На данный момент я просто добавляю сообщения console.log, но это не поможет мне, когда я захочу рассмотреть возможные ошибки.

Answer 1

Я использовал стороннюю службу регистрации, например, Loggly, чтобы сделать это.Создайте учетную запись, и затем вы можете использовать https://www.npmjs.com/package/loggly для установки соединения:

  var loggly = require('loggly');

  var client = loggly.createClient({
    token: "your-really-long-input-token",
    subdomain: "your-subdomain",
    auth: {
      username: "your-username",
      password: "your-password"
    }
  });

И тогда вы просто войдете в систему следующим образом:

  client.log('127.0.0.1 - oops i did it again');

Затем вы войдете в системуих служба для просмотра журнала и набор инструментов для анализа.

Существуют другие службы ведения журналов, такие как Logzio и т. д.