docker+react+nginx部署

一、准备工作

　　1、先确保项目可以正常运行。

　　2、如果拉代码到Linux下进行打包，注意node版本，我就是版本不同，yarn build一直不成功。

　　3、找一个nginx的配置文件nginx.conf，放在项目根目录。

server {

    listen       80;

    listen  [::]:80;

    server_name  localhost;

    gzip on;

    gzip_min_length 1k;

    gzip_comp_level 9;

    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;

    gzip_vary on;

    gzip_disable "MSIE [1-6]\.";

    location / {

        root   /usr/share/nginx/html;

        index  index.html index.htm;

        try_files $uri $uri/ /index.html;

    }

    error_page   500 502 503 504  /50x.html;

    location = /50x.html {

        root   /usr/share/nginx/html;

    }

    # 后台服务器地址，你自己的后端服务ip地址

    location /api/ {

        proxy_pass http://0.0.0.0:8080;

    }

}

　　4、打包项目 yarn build

二、编写Dockerfile文件，生成镜像

FROM nginx

COPY ./build /usr/share/nginx/html

COPY nginx.conf /etc/nginx/conf.d/default.conf

EXPOSE 80

　　docker build -t test:v1.0.0 . # 注意最后的那个“.”，说明是当前目录下

三、运行镜像及调试

　　docker run -it --name test -p 8080:8080 test:v1.0.0

　　一开始不建议-d直接后台运行，这样报错的话不利于调试，确保没有问题后再进行后台

巴特西

docker+react+nginx部署

最新文章

热门文章