如何将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的方式就可以从外网访问。