【带小白做毕设】18. SpringBoot+Vue项目部署上线_哔哩哔哩_bilibili
在file这里New 一个File文件
file下是.env.development文件
这里开发的时候,连接的是本地的9090
VUE_APP_BASEURL='http://localhost:9090'
new 一个file文件 .env.production
VUE_APP_BASEURL='公网ip:9090'
main.js设置全局变量
Vue.prototype.$baseUrl=process.env.VUE_APP_BASEURL服务器打包后获取到
统一发现文件路径配置的写法,在Vue目录下 Find in Files
你需要访问的是你的服务器IP,而不是你本地的,你需要把你localhost给替换掉
继续搜索一下Find in Files
搜索一个localhost:9090,看看哪个有占用9090的内容
这里绑定一个$baseUrl
之后去创建一个文件夹
点击新建文件传输
第一步去创建一个文件夹
第二步Server文件夹下新建
第三步新建一个Java和Vue
第四步 把后端打的Jar包拖进去
添加一份启动脚本
复制一下本地的application.yml文件
之后用记事本编辑
这里服务器的IP填写成你主机的IP
之所以放到外面是因为这样的权限会比他高
cd 切换目录 ls 查看文件 ll查看详细内容
这里输入vi start.sh
NAME=springboot-0.0.1-SNAPSHOT.jar
nohub java -jar $NAME > server.log 2 >&1 &
echo 'start success'
ESC按下 :wq
chmod +x *给所有文件赋权
之后在vi stop.sh
按I进入编辑模式
把Stop ssh的内容粘过去
PORT=9090
pid=`netstat -tnlp | grep $PORT | grep -v grep | awk '{pring $7} | awk -F/ '{print $1}'`
if [${pid}];then
kill -9 $pid
echo "kill $POST"
else
echo 'stop success!'
fi
这句话的意思是找到端口的PID,如果
chmod来复制权限
可以右键新建文件
start1.sh
弄完之后,给他赋一个值
chmod +x*
VUE,直接把他拖拽过去
右键属性,可以查看文件大小
把ngnix包和mysql的包上传上去
找到/tmp文件,一个专门放乱七八糟的文件,把文件放到里面
tar 是解压文件的意思
在cd /user/local/文件下看文件
ll
利用 mv改名字为java
这个bin就是所需要的java文件
编辑etc中的profile文件
按一下i 添加环境变量
ESC之后,:wq去保存
source /etc/profile 重载配置
java -version说明JDK的提示好了
安装Ngnix
创建一个Ngnix文件夹
用tar 把文件解压到另一个文件
去安装这个Ngnix
之后通过make命令去安装
如果说你看到Ngnix这个页面,就说明你成功了
之后
配置完之后,重载Ngnix
连续访问两次就会出现404错误
当我访问这个的时候,会访问/home的文件
把try_files $uri $uri的内容放进去
之后安装mysql
之后创建mysql的目录
设置一个规则,默认为Mysql
创建一个新的数据库
把localhost的user复制到我们连接的数据库当中
修改服务器的IP为本机
./start.sh
ll
tail -100f server.log
只能看到这样,就表示启动成功了
之后添加端口规则
9090默认接口访问成功
这样就部署成功了