spring boot+vue项目linux系统的打包部署

开发环境：windows  idea，jdk8，node.js

部署环境：linux（centos7），jdk8， nginx

 

开发环境打包：

springboot项目打包：

        打包为jar，内置tomcat了，java -jar XXX.jar命令运行项目

        实际操作：

        

        

        进入项目根目录，执行命令mvn clean package

extras-all为总包，生成

执行java -jar extras-all-0.1.0-exec.jar就能运行该项目

vue项目打包：

extra-admin为vue项目，根据package.json中的

可以build开发线和生产线环节

配置调用后端接口的url

编译打包vue项目（之前需要先安装node.js）

npm install -g cnpm --registry=https://registry.npm.taobao.org
安装node项目依赖环境
cnpm install
cnpm run build:dep

生成dist文件夹（该文件夹中就是编译好的vue项目）

linux环境部署：

     Nginx安装

       官网下载：http://nginx.org/en/download.html
       或者直接在linux执行命令：wget http://nginx.org/download/nginx-1.12.2.tar.gz
       这里下载的版本是1.12.2

# 安装依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
# 解压缩
tar -zxvf linux-nginx-1.12.2.tar.gz
cd nginx-1.12.2/
# 执行配置
./configure
# 编译安装(默认安装在/usr/local/nginx)
make
make install

    Nginx配置

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /usr/local/src/dist/;
            index  index.html index.htm;
        }

        #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;
        }
		
	location /host{
            alias /usr/local/src/dist/;
            index index.html;
            try_files $uri $uri/ /index.html last;
        }

        。。。
        。。
        。
        略

 前后台系统包存放地址：

        

启动nginx，执行nohup java -jar extras-all.jar &命令后台运行，这样前后端都已运行。