docker配置vue项目

1、文件结构

image-20240701173640999

2、先打包为dist,在dist中创建nginx并配置

image-20240701173732994

image-20240701173752121

3、在外层docker中配置

image-20240701173820991

image-20240701173834925

4、配置好了,运行docker的两个步骤

在当前文件下使用以下命令构建 Docker 镜像,myvue是名称,后面的.不能省略。

docker build -t myvue .

这将会构建一个名为 myflaskapp 的 Docker 镜像。、

运行 Docker 容器:-d是后台运行,-p是端口映射,本机端口-docker端口

docker run -d -p 5000:5000 myvue

这将会在后台运行你的 Flask 应用程序,并将容器的 5000 端口映射到主机的 5000 端口。