如何将springboot+vue项目简单部署到服务器

springboot后台部署到服务器

有两种方式,一种是jar,一种是war

我用的是jar模式

1.将打包方式改为jar模式在这里插入图片描述

2.运行package命令打包
在这里插入图片描述
3.利用ftp协议上传文件到服务器(这里我用的 FileZilla)
新建一个文件夹放入jar 然后运行命令 java -jar jar包名称
项目已经启动 可以通过ip+yml配置的端口号进行访问了

vue项目部署到前台

1.在本地进入你的vue项目文件夹下运行npm run build命令进行打包在这里插入图片描述2.在本地新增一个文件app.js内容如下

const fs = require(‘fs’);
const path = require(‘path’);
const express = require(‘express’);
const app = express();
//vue目录
app.use(express.static(path.resolve(__dirname, ‘./dist’)))

app.get(’*’, function(req, res) {
const html = fs.readFileSync(path.resolve(__dirname, ‘./dist/index.html’), ‘utf-8’)
res.send(html)
})
//定义启动的端口号(可自行修改)
app.listen(8082);

3.在服务器上创建一个新的文件夹,将打包好的dist文件夹加上package.json加上app.js放入新文件夹中在这里插入图片描述4.进入服务器刚刚创建的文件夹上运行命令如下在这里插入图片描述执行上面操作之后,访问ip+端口号就可以访问了。如果想从外网访问,则需要知道自己的ip,ip:port的方式就可以从外网访问。