使用环境ubuntu环境
先下载nginx
sudo apt-get install nginx
安装好的文件位置:
/usr/sbin/nginx:主程序
/etc/nginx:存放配置文件
/usr/share/nginx:存放静态文件
/var/log/nginx:存放日志
将vue项目打包
npm run build
同级目录下会生成dist文件夹
开始用docker打包vue项目成镜像
前提你的ubuntu环境下有docker
在dist同级目录下创建Dockerfile文件进行写入:
FROM nginx
EXPOSE 80
COPY /dist /usr/share/nginx/html
ENTRYPOINT nginx -g "daemon off;"
进入dict目录下的cmd中
使用root模式进行docker打包镜像操作
docker build -t docker_vue .
出现上图所示,证明打包完成docker images
进行查看镜像
使用docker命令启动镜像运行vue项目
docker run -tid -p 8888:80 docker_vue
使用8888映射80端口
docker ps
查看运行在docker的容器
如图所示docker已经运行容器,启动vue项目。
使用本地ip + 8888端口进行测试
ifconfig
查看本地ipsudo ufw allow 8888
添加8888端口
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。