searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

Spring+Vue工程部署在Linux

2023-02-20 09:22:31
9
0

 

代码介绍

前端代码:https://github.com/Snowstorm0/token-login-vue

后端代码:https://github.com/Snowstorm0/token-login-spring

使用 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,即可看到前端页面。

 

 

 

 

 

0条评论
0 / 1000
代码的路
100文章数
1粉丝数
代码的路
100 文章 | 1 粉丝
代码的路
100文章数
1粉丝数
代码的路
100 文章 | 1 粉丝
原创

Spring+Vue工程部署在Linux

2023-02-20 09:22:31
9
0

 

代码介绍

前端代码:https://github.com/Snowstorm0/token-login-vue

后端代码:https://github.com/Snowstorm0/token-login-spring

使用 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,即可看到前端页面。

 

 

 

 

 

文章来自个人专栏
Vue
6 文章 | 1 订阅
0条评论
0 / 1000
请输入你的评论
2
2