个人服务器一键部署Vue项目

背景：

#个人学习记录（以若依框架为例子）

开发时，测试没问题的Vue代码需要手动打包上传到个人服务器

利用插件，可以简化手动的操作

附：一键部署springboot项目

前置

#以前个人学习开发时，是手动打包，上传到服务器，在服务器配置nginx实现的

手动打包命令

npm run build:prod

此时就会有dist文件夹，把文件夹上传到nginx指定的位置即可

附：nginx的下载及详细配置

nginx配置

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /able/project/dist/;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    
error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    location /prod-api/  {
        proxy_pass   http://127.0.0.1:9999;
        rewrite ^/prod-api(/.*)$ $1 break;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

实现

 下载插件

配置打包环境