创建一个新的Nginx容器做目录挂载,挂载的目录可以改成自己想要用的目录:
docker run -d --name nginx -p 30311:30311 \
-e "TZ=Asia/Shanghai" \
-v /date/data/nginx/nginx.conf:/etc/nginx/nginx.conf \
-v /date/data/nginx/conf.d:/etc/nginx/conf.d \
-v /date/data/nginx/log:/var/log/nginx \
-v /date/data/nginx/html:/usr/share/nginx/html \
-v /date/data/nginx/cert:/etc/nginx/cert \
--privileged=true nginx:1.24.0
其中:
“30311:30311”为你想要映射的端口,如果怕容易搞错,建议两个都写成一样的,
“/date/data”为你需要存放的目录;
运行启动命令后,用docker ps查看Nginx 容器是否启动成功
如果没启动成功 ,docker ps -a 获取到容器id 查看log(docker logs 容器id)
启动成功之后开始使用nginx,先将vue项目打包,打包后的dist包里的所有文件上传后,放到刚刚创建的nginx下面的html目录中
前端文件需要解压但是解压不了的话可以使用unzip工具,主页有文章;
放置好之后进行配置文件的更改
在该文件目录下的nginx.conf文件
如果没有就直接创建,新建一个文件然后改后缀
具体在文件在文章头部可以直接下载;
需要更改一些地方进行配置:
listen 30311 为你配置的nginx的端口号;
sever name 是本机服务器的ip地址;
http://192.168.20.6:30310 前面的:192.168.20.6是内网ip,可以通过命令:ip add 查询:
一般是第二个的该位置;
配置更改完之后可以通过重启nginx来进行更新配置:
docker restart <你的端口id>
ps:<>这个不用打,这只是个指引
请求地址为:服务器IP+端口号
比如之前的端口号是30311,则为:服务器IP:30311