如何使用Nginx保护dockerized vue应用程序？

问题描述

我创建了一个Vue应用，并按照食谱制作了docker镜像，并且该镜像运行得很好，问题是我使用Vue Qrcode Reader，并且在TroubleShooting中说我要使用该应用必须从我的手机中通过HTTPS对其进行保护，我对此几乎一无所知。

这是我的docker文件：

# etapa de compilación
FROM node:current-alpine as build-stage
WORKDIR app
COPY package.json .
RUN npm install
COPY . .
RUN npm run build

# etapa de producción
FROM nginx:1.19.2-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx","-g","daemon off;"]

我使用Nginx服务于我的应用程序，所以我考虑的方法是配置Nginx服务器以确保连接安全？

解决方法

我对Vue不熟悉，但从理论上讲，您应该能够通过在nginx服务器上安装TLS证书来获得HTTPS连接。

我建议您检查“让我们加密”以获得Nginx服务器的TLS证书。 Nginx提供了一个文档，用于设置“让我们用nginx加密”：

https://www.nginx.com/blog/using-free-ssltls-certificates-from-lets-encrypt-with-nginx/

真的不值得在这里复制详细信息，因为它的确会不时地发生巨大变化。