在Docker运行的Nignx内部署前后端分离项目

Posted 2021-05-30 前路未远,步履不停

 

环境准备:

　　Linux服务器: IP: 192.168.1.10

　　前端打包后的Vue项目: Port-3000, 请求地址192.168.1.10:8080

　　后端打包后的Java项目: Port-8080; 跨域设置(@CrossOrigin(origins = "http://192.168.1.10:3000"))

 

一: 配置容器

　　Docker内的nginx容器请确保开启了与宿主机的端口映射(比如本次部署用到了3000端口,就需要nginx容器的3000端口与宿主机的3000开启映射关系);

　　修改已经运行的容器的端口映射:(方法很多,可以不使用我的这种)

加引号的请改为自己的配置!!!
    
没有安装nginx的执行此步骤
docker pull nginx


已经安装nginx的执行此步骤: 停止nginx服务
docker stop \'nignx\';

已经安装nginx的执行此步骤:  复制容器为镜像(根据nginx容器创建一个名为nginx2的镜像,tag为6.6)
docker commit \'nginx\' \'nginx2\':\'6.6\'
    
两者都执行此步骤
运行新镜像: default.conf是配置server块的地方,将其映射到本地方便修改,project文件夹存放了前端项目,同样进行映射,方便修改
docker run -d -p 80:80 -p \'3000\':\'3000\' --name \'nginx\' -v \'/usr/local/nginx/conf.d/default.conf\':\'/etc/nginx/conf.d/default.conf\' -v \'/usr/local/project/:/usr/local/project/\' \'c89fa25e901e\'

 

二: 配置Nginx

　　配置server块:

加引号的请改为自己的配置!!!
    
server {
  listen \'3000\';
  server_name \'192.168.1.10\'\';

  location / {
    root /usr/local/project/web/dist/;
    index index.html;
  }
}

至此宿主机访问 IP:端口 应该可以成功访问前端项目

 

三: 运行Jar包

　　java项目再linux下运行即可

加引号的请改为自己的配置!!!

java -jar \'spring-boot.jar\' &