Jenkins+gitee+nginx+docker 部署vue项目

小白也有梦

已于 2024-05-13 14:36:06 修改

阅读量365

点赞数

文章标签： jenkins docker vue.js

于 2023-09-07 11:49:23 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44723556/article/details/132734665

版权

1、下载nodeJs并配置版本

系统管理》全局工具配置中配置nodeJs版本

2、jenkins中新增任务

3、进入设置页面

4、配置gitee地址及代码分支

5、选择nodeJs

6、执行shell

node -v
npm config set registry http://registry.npm.taobao.org
npm install 
rm -rf ./dist/*  
npm run build

7、推送ssh

export PROJECT_NAME=xiaoxx-user
cd /data/jenkins_home/workspace/$PROJECT_NAME
/usr/bin/docker stop $PROJECT_NAME
/usr/bin/docker rm $PROJECT_NAME
/usr/bin/docker rmi $PROJECT_NAME:v1
/usr/bin/docker build -t $PROJECT_NAME:v1 .

docker run --name $PROJECT_NAME -p 80:80 \
-d -it $PROJECT_NAME:v1

dockerfile文件

FROM nginx:alpine
RUN apk add tzdata &&  ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && echo "Asia/Shanghai" > /etc/timezone
EXPOSE 80
COPY  /dist/. /usr/share/nginx/html/
COPY  /conf.d/test.conf /etc/nginx/conf.d/default.conf

nginx conf文件

   ## https  协议支持 以下属性中以ssl开头的属性代表与证书配置有关，其他属性请根据自己的需要进行配置。
    ## 443 | 80 端口配置 
server {
        # 请求头大小： 502 bad gateway 错误解决配置 start
    proxy_buffer_size 64k;
    proxy_buffers 32 32k;
    proxy_busy_buffers_size 128k;
    # 502 bad gateway 错误解决配置 end
 
    # 文件上传大小
    client_max_body_size 500m;
    # SSL协议访问端口号为443。此处如未添加ssl，可能会造成Nginx无法启动。
    # 将localhost修改为您证书绑定的域名，例如：www.example.com。
        listen 80;
        listen 443;                 
        server_name *****;    
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location ^~/api/ { 
           proxy_pass  http://172.19.7.**:9090/;
          }
        location /api/chat/addSse/ {
            proxy_http_version 1.1;
            proxy_set_header Connection "";
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        	# SSE 连接时的超时时间
        	proxy_read_timeout 86400s;
        	
			# 取消缓冲
            proxy_buffering off;

			# 关闭代理缓存
            proxy_cache off;
        	
        	# 禁用分块传输编码
        	#chunked_transfer_encoding off
        	
        	# 反向代理到 SSE 应用的地址和端口
            proxy_pass  http://172.19.7.**:9090/api/chat/addSse;
        }  
        location / {
            #root   html;
            root   /usr/share/nginx/html;
            index  index.html index.htm;
            try_files $uri /index.html;

            # fix 304
            expires -1;
            if_modified_since off;
            add_header Last-Modified "";
            add_header Cache-Control no-cache;
            etag off;
        }
}

附：自研AI助手（vue3+vite）欢迎体验 AI助手

gitee地址 xiaoxx-user: 依托于通义千问的AI助手 (gitee.com)