boot+vue服务器部署

vue进行打包

找到vue项目总的package.json

右键选择openIn之后选择Terminal

在IDEA下方会出现一个命令框，在命令框中输入

npm run build

最终会在同级目录下生成一个dist文件

注：boot项目在部署服务器的时候我们所需要打的包为jar包

第一种情况：

通过maven进行打包，在IDEA下的terminal中输入相关的命令

mvn clean packag

通过此会在相应的目录下产生相应的jar包

通过x-shell或者是其他的工具将所打包的dist文件与jar包传到服务器自己指定的目录之下，dist文件采用nginx进行启动

注：如果自己的服务器已安装nginx，则其中的默认路径在/usr/local/nginx中。dist的路径配置需要在nginx.conf文件内配置server

#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;
sendfile on;
tcp_nopush on;
keepalive_timeout 65;
#gzip on;

	server {
        listen #自己开放的端口号;
		server_name localhost;

	location / {
		root #配置自己dist文件的路径;
		index index.html index.htm;
		}

	error_page 500 502 503 504 /50x.html;
	location = /50x.html {
	root html;
		}
    }
}

配置完成ngnix.conf文件的内容之后，我们到//usr/local/nginx/sbin下启动我们nginx

./nginx -s reload   #重启
./nginx -s stop  #关闭
./nginx -s strat  # 开启 

运行jar包的时候我们要记得将包含jar包运行依赖的lib包一块导入我们的路径之下，并进行启动

java -Dfile.encoding=UTF-8 -cp $JAVA_HOME/lib/*:lib/* +主类的名称

java -Dfile.encoding=UTF-8 -cp $JAVA_HOME/lib/:lib/ +主类的名称