1.接上一篇【上一篇介绍了docker的安装和启动一个inidex.html的简单操作。](https://segmentfault.com/a/1190000039002615)下面结合我们的实际项目做一些操作，即部署一个前端nuxt前端静态项目。为什么是nuxt，而不是vue-cli？因为当时公司要求做到静态化，有利于seo，特地聘请了seo工程师。当时我们公司的计划是用freemark（2016年左右）。我一步步按照领导的要求，在freemark计划下实现了。但是我的开发过程不是很愉快，没有开发普通的vue工程项目那么顺利。到现在看到原来公司的网站结构还是和当年基本一样，可见稳定性还不错，哈哈哈。就是那个时候很关心一个门户网站是不是静态的，做了什么样的seo工作。用我们老大的话来说，搜索引擎都搜不到，所以你就是在玩！啰嗦了一大堆，让我们进入今天的内容吧！2.创建前端nuxt项目2.1。在服务器上创建项目文件夹。2.2、【安装nuxt，按照官网的步骤即可。](https://www.nuxtjs.cn/guide/installation)https://www.nuxtjs.cn/guide/installation2.3，nuxt有**Spa**模式和###**Universal**，通用即服务渲染模式。2.4.项目安装完成后，执行`yarn`安装依赖。2.5.执行`yarngenerate`（编译应用，根据路由配置生成对应的HTML文件（用于静态站点部署）。）*此时生成dist文件。3.在项目根目录下创建default.conf文件server{listen80;服务器名称本地主机；位置/{root/usr/share/nginx/html;indexindex.htmlindex.htm;try_files$uri$uri//index.html=404;}error_page500502503504/50x.html;location=/50x.html{根html;}}4.在项目根目录创建DockerfileMAINTAINERmy-nuxt-appRUNrm/etc/nginx/conf.d/default.confADDdefault.conf/etc/nginx/conf.d/COPYdist//usr/share/nginx/html/五、安装nginx镜像dockerpullnginx六、Docker打包dockerbuild-tvue-docker。-t用于图像命名。它是基于当前目录下的Dockerfile来构建镜像的。记住结局。7.运行dockerrun-d-p8082:80my-nuxt-appdockerrun根据镜像启动容器-p8082:80端口映射，将宿主机的3000端口映射到容器的80端口-d中运行后台模式--name容器名称查看docker进程8.打开浏览器查看效果9.记录学习，欢迎交流指正。
