前段时间使用Vue+Springboot写了个小项目,于是想部署到服务器上以便分享。于是,就开始了长达一天的踩坑之旅。。为了让读者(包括下一次想干这事的自己)少踩坑,把整个过程记录一下。
- 在这篇文章,我将从头把一个Springboot Vue3项目打包、部署到腾讯云服务器,操作系统是Ubuntu。- 在这个过程中,需要安装tmux(用于终端复用,也就是相当于多开几个屏),Vim(编辑器),JDK17,Nginx(前端部署在Nginx服务器上),MySQL,Redis(缓存数据库)。- 其中会用到两个软件,putty(用于登录云服务器),FileZilla(用...
三、将Vue项目部署到云服务器 在本地开发环境中,使用命令行进入Vue项目的根目录,运行以下命令构建生产环境的Vue项目: npm run build 构建完成后,将生成的dist目录中的文件上传到云服务器的静态网站目录中,一般可将其部署在/var/www/html目录下。然后,配置Nginx服务器作为反向代理,将静态网站目录映射到公共域名或IP...
将Spring Boot 后端和 Vue 前端整合部署到服务器的一种方法是将其打包成一个单独的可执行文件,并在服务器上运行该文件。 下面是一种可能的部署流程: 在本地开发环境中,分别构建并打包 Spring Boot 后端和 Vue 前端。可以使用 Maven 或 Gradle 来构建 Spring Boot 项目,使用 npm 或 yarn 来构建 Vue 项目。 ...
一、部署springboot项目、 (1)首先我们修改springboot中数据库相关配置: (2)点击maven进行打包 (3)打包好的jar文件在target文件夹中 (4)登录宝塔面板 前提已经安装好关于java项目的配置 (5)部署项目 (6)进行访问 (7)连接访问数据库 如果我们项目有数据库 那么我们上传到服务器之后 如何访问数据库呢?如果还不会...
主要是打开22端口:允许服务器远程连接,和80端口:nginx服务器使用 二、vue前端部署到云服务器 2.1 创建一个vue项目并进行打包 ① 创建一个vue项目 以管理员的身份打开控制台,跳转到你想要创建项目的位置 输入如下命令,创建一个vue项目。 vue create 项目名字 ...
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是...
简介:SpringBoot + Vue 前后端分离项目部署到服务器上 第一步首先: 首先要在 controller层 上+ @CrossOrigin 跨域注解 第二步:要新建一个跨域的配置类 private CorsConfiguration buildConfig() {CorsConfiguration corsConfiguration = new CorsConfiguration();corsConfiguration.addAllowedOrigin("http:xxxxxxx"); 此处...
1. 新增vue/public/static/config.js文件配置服务端ip地址,在index.html中引入,views里使用这个地址拼接url 富文本编辑器同步修改 2.新增application-prod.properties,配置如下内容,区分测试环境和正式环境的数据库和文件地址,原有的application.properties里增加spring.profiles.active=prod,可以让application-prod.properties...
以后端为spring-boot与前台为vue的项目举例。 一.给服务器安装相应的需求环境 1.安装jdk 安装方式可自行百度,推荐使用yum安装,安装完成后配置环境即可。 2.安装nginx。代理服务器,安装方式可自行百度,yum应该也是可以安装的。 二.部署后台代码 1.这里采用IDEA作为开发工具,只要通过maven的打包操作package在target那里找...