共计 867 个字符，预计需要花费 3 分钟才能阅读完成。
原文链接
代码介绍
前端代码：https://github.com/Snowstorm0…
后端代码：https://github.com/Snowstorm0…
应用 Spring+Vue 实现 token 登录、退出、拜访拦挡等性能。
1 部署后端
1.1 生成 jar 包
应用 Idea 的 maven 进行打包。
先双击 clean，革除其余的包，而后双击 package，如下图所示：
此时在工程下生成了 target 文件夹，外面有咱们的 jar 包：
1.2 部署到服务器
将 jar 包 token-login-spring-1.0-SNAPSHOT.jar 上传到服务器，运行启动命令：
java -jar token-login-spring-1.0-SNAPSHOT.jar即可启动后端工程。
2 部署前端
2.1 打包
运行打包命令：
npm run build 此时会在我的项目下生成 dist 文件夹。咱们将该文件夹压缩，上传服务器，并解压。
2.2 装置 Nginx
Ubuntu 下的装置命令：
sudo apt-get install nginx查看装置门路：
whereis nginx 显示：
nginx:
/usr/sbin/nginx #主程序
/usr/lib/nginx #软件的函数库
/etc/nginx #寄存配置文件
/usr/share/nginx #寄存动态文件
/usr/share/man/man8/nginx.8.gz #联机帮助文件 装置胜利。
2.3 配置 Nginx
找到文件 /etc/nginx/sites-available/default，批改为可编辑权限：
sudo chmod 777 /etc/nginx/sites-available/default 找到 root /var/www/html; 这一行，批改为解压的 dist 文件夹的门路，如：
root /home/myroot/Desktop/token-login/dist;
重启 nginx：
sudo nginx -s reload在浏览器输出：http://localhost/#/login，即可看到前端页面。
学习更多编程常识，请关注我的公众号：
代码的路
正文完
