docker实战: vue+java+uniapp部署到阿里云服务器详解(此文没有使用宝塔面板部署),附带各种坑处理

一、部署前准备工具以及注意事项:

官方部署文档:https://doc.crmeb.com/java/crmeb_java

1.ide:idea|vs code|web storm,uniapp:HBuilder X

2.注意事项如下:

java项目配置注意事项: ide使用idea

jdbc配置:

image

修改pom文件jdbc版本配置:

image

打包

image

编译警告去除

sun.misc.BASE64Decoder是内部专用 API, 可能会在未来发行版中删除: https://blog.csdn.net/weixin_42096792/article/details/122184709
pom文件警告: 检查同一个包是否存在多个版本的dependens

前端项目:ide可使用vs-code或者web-storm以及idea

image

线上配置

image

uniapp项目:ide使用HBuilder X

操作参考官方文档即可: https://doc.crmeb.com/java/crmeb_java/2221

二、部署java环境

1.依赖:docker、nginx、mysql5.7或者mysql8(我使用的mysql8)、redis

开始部署java服务

1.上传打包后的jar文件(文件在服务的target目录下)到服务器目录,例如:/www/wwwroot/crmeb_java

image

2.编写DockerFile文件:

image

3.打包docker image:

docker build -f DockerFile_crmeb_admin -t crmeb_admin .
参数说明: -f 指定dockerfile文件所在目录,默认为DockerFile,这里指的是当前目录下的DockerFile_crmeb_admin文件;-t :指定镜像名称,最后一个参数: .镜像存在目录,这个一般情况下默认为.就好(具体说明:https://www.dztcy.com/19565.html)

4.另外一个crmeb_front的操作与上面的操作都是一个原理,这里不做重复阐述:

image

5.运行容器

crmeb_admin: docker run -it -d --name crmeb_admin -p 8080:8080 -v /www/wwwroot/crmeb_java/crmeb_log:/crmeb_log -v /www/wwwroot/crmeb_java/crmebimage:/media/crmebimage crmeb_admin /bin/bash
crmeb_front: docker run -it -d --name crmeb_front -p 8081:8081 -v /www/wwwroot/crmeb_java/crmeb_front_log:/crmeb_front_log crmeb_front /bin/bash
参数说明:
-i:以交互模式运行容器
-t:为容器重新分配一个伪输入终端
-d : detach 表示后台运行
--name:定义容器名称,不可重复
-p: 本机端口与docker端口的映射,前面的本机端口,后面是docker端口
-v: docker与物理机的文件映射,通常用于配置文件的映射(nginx、mysql等使用居多),这里定义主要是为了方便容器可以访问物理机的图片以及log
其他: crmeb_front、crmeb_admin为镜像名称也可以指定id,/bin/bash: 终端类型

三、web环境配置

1.首先安装nginx,这里我使用的版本的1.20.1
2.部署文档:https://www.modb.pro/db/459216
3.我目前的nginx配置以及说明:

#解决nginx访问图片403,权限不足的问题
user root ;
#user  nobody; 
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        #server_name  47.108.160.76;
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /usr/local/nginx/html/dist;
            index  index.html index.htm;
            #proxy_pass   http://127.0.0.1:80;
            #解决直接访问路由404的问题
            try_files $uri $uri/ /index.html;
            #缓存配置,资源有更新时下载,无变化时缓存
            add_header Cache-control no-cache;


        }

        #配置图片服务器
        location /crmebimage/ {
            root  /www/wwwroot/crmeb_java/crmebimage;
            autoindex on ; // 为on可支持访问目录,否则返回403
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
            #proxy_pass   http://127.0.0.1:9527;


        }
    }

    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    server {
        listen       8082;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
        server_name 127.0.0.1;

        location / {
            root   /usr/local/nginx/html/h5;
            index  index.html index.htm;
            #解决直接访问路由404的问题
            try_files $uri $uri/ /index.html;
            #缓存配置,资源有更新时下载,无变化时缓存
            add_header Cache-control no-cache;

        }
    }

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

4.遇到的坑以及处理:
java服务启动会文字乱码: 启动服务时加入参数:-Dfile.encoding=utf-8
crmeb不能正常显示图片和问题:
1.crmebimage里面的资源会随着代码更新而发生变化;
2.需要检查配置文件中imagePath的路径是否正确;
3.访问图片以及其他静态资源时需要使用nginx代理;
4.如遇到访问静态资源403:1.nginx.conf文件加上user root;2.如果需要访问目录:加入: autoindex on;3.如果访问的是web项目,检查root对应的目录下是否存在index.html文件

posted @ 2023-01-08 17:23  wan了个蛋  阅读(356)  评论(0编辑  收藏  举报