部署一个简单的前后端分离的博客项目

springboot项目部署

第一步:打包springboot项目(jar包)

第二步:将jar(项目的target目录下)包上传到云服务器上(Xftp)

第三步:新建nohup.out文件(Xshell)

第四步:后台运行jar包

nohup java -jar XXX.jar &

第五步:打开接口文档看是否成功部署

第六步:如果端口的进程被占用:(下面步骤也用于停止项目运行)

netstat -nltp | grep XXXX

kill -9 ID

vue项目部署(nginx)

第一步:打包vue项目

第二步:打包成功后可看到dist文件夹

第三步:将第二步的dist文件夹上传到/usr/local/nginx/html/html目录下(我在/usr/local/nginx/html下新建了html文件夹)

第四步:配置nginx.conf文件(/usr/local/nginx/conf目录下)

第五步:重启nginx

/usr/local/nginx/sbin/nginx -s reload

查看nginx启动情况 :

ps -ef|grep nginx

第六步:检验结果(直接输地址即可)

第七步:如果报错Uncaught SyntaxError: Unexpected token ‘<‘,则修改vue.config.js文件。

/*module.exports={publicPath:"./"
}*/

springboot项目部署 + vue项目部署相关推荐

  1. 将springboot项目和vue项目部署到windows 2016 server(服务器)

    将springboot项目和vue项目部署到服务器 1.服务器环境配置 1.1 服务器需要安装的环境 1.2 服务器需要配置的入站与进站规则 2.springboot项目的打包 2.1 springb ...

  2. 华为云软件开发平台(DevCloud)流水线式部署Vue项目,并且通过域名访问

    一.准备环境 1.1.华为弹性云服务器(ECS)或者云耀云服务器(HECS) 1.2.软件开发平台(DevCloud) 1.3.容器镜像服务(SWR) 1.4.云解析服务(SWR) 二.软件开发平台( ...

  3. Ubuntu 下搭建 Nginx 部署 vue 项目

    Ubuntu 下搭建 Nginx 部署 vue 项目 上一篇:Ubuntu 下部署 SpringBoot 第一步: Ubuntu 上安装 nodejs 执行 apt install nodejs 命令 ...

  4. 在nginx上部署vue项目(history模式);

    在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...

  5. nginx下部署vue项目

    nginx下部署vue项目 今天要用到服务器nginx,还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来. 首先要去nginx官网下下载nginx:  下载地址:https://ngin ...

  6. nginx下部署vue项目概览 - (资源篇)

    相关博客: nginx下部署vue项目概览 这里使用的是百度云的服务器,CentOS7系统的 linux服务器用centos还是ubuntu系统_Linux nginx服务器搭建以及配置 nginx部 ...

  7. ssm项目直接加html文件,如何把ssm项目和vue项目部署在云服务器(上)

    如何把ssm项目和vue项目部署在云服务器(上) 如何把ssm项目和vue项目部署在云服务器(上) 一.引入 URL的概念理解 在WWW上,每一信息资源都有统一的且在网上唯一的地址,该地址就叫URL( ...

  8. 如何使用Caddy部署Vue项目

    如何使用Caddy部署Vue项目 Caddy配置 rewrite {regexp .*to {path} / }

  9. VUE项目学习(三):win10版nginx部署vue项目

    VUE项目学习(三):win10版nginx部署vue项目 niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details/1 ...

  10. 在nginx上部署vue项目(history模式)--demo实列;

    转载地址:https://www.cnblogs.com/573734817pc/p/11057677.html 在很早之前,我写了一篇 关于 在nginx上部署vue项目(history模式) 但是 ...

最新文章

  1. Linux下如何执行Shell脚本
  2. 【趣话编程】如果张东升是个程序员
  3. springmvc与mybatis整合之实现商品列表
  4. MySQL数据同步的一个很初级运用
  5. c语言n个测试用例0为结束,编写测试用例 - osc_4l0h8in9的个人空间 - OSCHINA - 中文开源技术交流社区...
  6. Docker安装gbase8s数据库教程
  7. python workflow_用 Python 写 Alfred3 workflow 插件,一个最小示例
  8. 《数据库原理》— 数据库系统概论第五版习题解析
  9. 使用slickedit调试开源代码
  10. PWM波转DC直流之二阶RC低通滤波器设计
  11. Java毕设项目博雅楼自习室预约系统计算机(附源码+系统+数据库+LW)
  12. 一文揭秘字节跳动、华为、京东的薪资职级
  13. 计算机硬件系统组装的论文,有关计算机硬件组装论文.docx
  14. arduino蓝牙通讯代码_arduino笔记二:arduino与手机蓝牙通讯
  15. 品牌背后的逻辑到底是什么?
  16. python0309
  17. 在 Go 中处理恐慌
  18. 人形机器人视觉处理——走迷宫
  19. iOS 相册,图片裁剪工具(附demo)
  20. python库——pandas

热门文章

  1. 突破传统—复旦大学大数据学院张力课题组提出语义分割全新方案
  2. 微信小程序|使用小程序制作一个2048小游戏
  3. iPhoneX设计稿适配Android,三分钟弄懂iPhoneX设计尺寸和适配(二)
  4. databanding 替换 findviewbyid
  5. 物联网NB-IoT之电信物联网开放平台对接流程浅析
  6. hdu4489 组合公式+dp
  7. keras 实现GAN(生成对抗网络)
  8. 用python制作音乐_Python3使用PySynth制作音乐的方法
  9. 用python可以免费下载音乐吗-Python 教你轻松下载网易音乐歌曲
  10. 【Oracle11g官方文档阅读】DBA Essentials-上篇