当前位置:首页 > 技术文章 > 正文内容

使用宝塔把springboot+vue项目部署到阿里云服务器上「无坑系列」

arlanguage3个月前 (01-26)技术文章22

一、前言

作为一个开发人员,拥有自己的一台服务器一点也不过分哈,小编勒紧裤腰带集资买了一年阿里云服务器,新人打折还是比较优惠的,99一年!!于是想把自己以前写的项目发布到服务器,让更多的人看到,主要想试一试能不能发布成功。话不多说,跟着小编一起来搭建吧。

二、搭建前准备

  • 一台服务器(小编以阿里云为准,备案没有通过,可以使用公网ip进行访问)
  • 一个域名
  • 宝塔可视化界面
  • springboot的jar包
  • vue的dist包

三、部署jar包

1. 打开宝塔可视化界面新建文件夹first


2. 把jar包和前端dist放进目录下

3. 安装java项目一键部署

4. 打开java项目一键部署


5. 新建项目加入jar包

6. 后端部署成功

三、部署vue

1. 添加站点


2. 重新设置域名


3. 设置正确域名并删除原来的


4. 把前端dist放到指定的文件下



5. 把dist文件下的所有文件放到目录下并删除dist文件


6. 访问成功(域名或者ip:端口号进行访问)

四、刷新页面出现404

已解决阿里云服务器上使用nginx部署vue项目,第一次正常访问,点击刷新的时候报404【图文】_奋斗小王的博客-CSDN博客

五、总结

这样就搭建成功,部署到阿里云服务器了,各个服务器都大同小异,都是利用宝塔进行搭建。非常简洁,可视化走到底,一步到胃。有什么问题留言哦,对你有帮助点个关注呀!!!

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/1129.html

标签: nginx php 404
分享给朋友:

“使用宝塔把springboot+vue项目部署到阿里云服务器上「无坑系列」” 的相关文章

Nginx常用配置与命令 nginx命令详解

Nginx特点高并发、高性能;模块化架构使得它的扩展性非常好;异步非阻塞的事件驱动模型这点和 Node.js 相似;相对于其它服务器来说它可以连续几个月甚至更长而不需要重启服务器使得它具有高可靠性;热部署、平滑升级;完全开源,生态繁荣;Nginx作用Nginx 的最重要的几个使用场景:静态资源服务,...

Nginx系列:图片过滤处理

http_image_filter_module是Nginx提供的集成图片处理模块,支持nginx-0.7.54以后的版本,在网站访问量不是很高;磁盘有限不想生成多余的图片文件的前提下,就可以用它实时缩放图片,旋转图片,验证图片有效性以及获取图片宽高以及图片类型信息,由于是实时计算的结果,所以网站...

nginx入门——web服务器(四)

我们先来认识一下web服务器主要功能。处理哪些URL请求怎么处理这些URL请求下面我们主要针对这两个功能来进行讲解。一、设置虚拟服务器在http上下文中用server指令定义虚拟服务器,以下是一个基本的结构:http { server { # Server上下文配置...

Nginx从入门到放弃05-访问日志与日志切割

设置访问日志当我们访问nginx服务时,nginx会记录日志,nginx日志分两种,一种是访问日志,一种是错误日志,访问日志记录在”access.log”文件中,错误日志记录在”error.log”文件中。笔者把自己总结的文档分为几遍,合集在 https://g.xgss.net/nginx/自定义...

路由虚拟服务器nginx转发400问题

背景:关于网络和硬件:旧服务基本是在公有云服务器或提供公网IP的服务器操作的。关于服务:后端jar服务运行,前端vue生成的包并通过nginx转发。以前的nginx配置文件:location / { root /data/project/web/; try...

Nginx从安装到高可用,一篇搞定 nginx安装方式

一、Nginx安装1、去官网http://nginx.org/下载对应的nginx包,推荐使用稳定版本2、上传nginx到linux系统3、安装依赖环境(1)安装gcc环境yum install gcc-c++ (2)安装PCRE库,用于解析正则表达式yum install -y pcre pcre...