前段时间使用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...
点击提交 之后点击导入: 第二种在服务器中创建好数据库 然后从服务器中获取数据库: (10)访问后端接口数据 比如我们访问用户名: 到此整个后端项目的部署过程就结束啦 !! 接下来我们部署前端vue项目 下一篇文章更新!! 文章链接:
将Spring Boot 后端和 Vue 前端整合部署到服务器的一种方法是将其打包成一个单独的可执行文件,并在服务器上运行该文件。 下面是一种可能的部署流程: 在本地开发环境中,分别构建并打包 Spring Boot 后端和 Vue 前端。可以使用 Maven 或 Gradle 来构建 Spring Boot 项目,使用 npm 或 yarn 来构建 Vue 项目。
4:在本地计算机中,打开浏览器,输入记录的“面板地址”参数值,访问进入宝塔面板页面。 例如http://114.xxx.xxx.188:8888/57ffcc15。 5: 6:登录成功以后,找到以下的目录 7:将springBoot 项目打包成一个Jar 包 放到 http 目录下 8:将前端Vue 项目 使用:npm run build 指令 打包 ,打包完成后,会有一个dist...
主要是打开22端口:允许服务器远程连接,和80端口:nginx服务器使用 二、vue前端部署到云服务器 2.1 创建一个vue项目并进行打包 ① 创建一个vue项目 以管理员的身份打开控制台,跳转到你想要创建项目的位置 输入如下命令,创建一个vue项目。 vue create 项目名字 ...
打包vue项目 更改后端接口ip地址端口号前缀这些 文件vueConfig.js 查看生产环境打包命令build:pord 有需要可以自己更改 rpm run build:pord #打包文件为dist 服务器安装nginx 将dist目录放到html目录下 html目录为nginx静态资源目录 修改nginx.config文件 .env.production文件中会写vue项目前缀,根据本项目来 ...
前端打包部署 前端项目为vue项目，使用vue admin template作为后台管理模板进行开发。前端打包 了解开发环境、生产环境，修改生产环境的配置 在开发的时候，往往使用本地电脑进行开发。但是项目上线的时候，需要部署到云服务器中。因此项目中使用两个配置文件来分别存放开发环境和生产环境，方便环境切换。修改生产环境配置文件...
vuespring bootspringxml文章分类 前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦...