文章目录前言一、若依项目地址二、部署步骤1.拉取项目2.准备项目所需环境的修改3.安装服务器中jar包所需要的运行环境4.部署前端部分5.安装 nginx总结 前言前后端分离的开发模式在现代web应用开发中越来越流行,它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商,为开发者提供了稳定、高效、安全的云计算服务,为前后端分离应用的部署提供了良好
创建一个简单的Vue项目请参考:使用vue-cli脚手架创建Vue项目创建一个简单的Spring Boot项目请参考:使用IntelliJ IDEA创建Spring Boot项目利用npm安装axios打开命令行窗口,并进到到vue项目的目录下, 执行命令:npm install axios (因为网速慢下载失败,所以用淘宝的仓库了)实现跨域访问Vue端的设置先打开Vue项目中config下的in
转载 2024-07-15 13:17:17
159阅读
我的环境JDK 1.8maven 3.6.0node环境1.为什么需要前后端项目开发时分离,部署时合并?在一些公司,部署实施人员的技术无法和互联网公司的运维团队相比,由于各种不定的环境也无法做到自动构建,容器化部署等。因此在这种情况下尽量减少部署时的服务软件需求,打出的包数量也尽量少。针对这种情况这里采用的在开发中做到前后端独立开发,打包时在后端springboot打包发布时将前端的构建输出一起打
转载 2024-04-04 06:54:28
186阅读
springbot+vue项目的打包部署 springbot+vue项目的打包部署使用vue进行前后端分离式开发,但最终部署还是要将前端放到后端中统一部署。一、打包1.前端打包(1)流程通常,我们的前端是在 VsCode 中开发的,如果想要打包,只需要 ctrl+shift+U 调出命令行;然后输入npm run build 之后在项目中会自动
转载 2024-03-23 21:37:41
798阅读
1点赞
开发工具:idea,就先这样吧一、SpringBoot 打包与部署 1、打包 //命令打包(-Dmaven.test.skip=true 跳过测试)mvn clean package -Dmaven.test.skip=true//idea不知道在哪输入命令?下边有张图搞定之后如图,绿色反正比红色好看看向你目录的target,对对对,就是它了  至于怎么把j
转载 2024-04-19 12:30:18
71阅读
手把手教如何将个人项目部署到云服务器(超详细!!) 步骤目录(如云环境已搭建好可直接从第三节看起)手把手教如何将个人项目部署到云服务器(超详细!!)前言一、云服务器设置1.1 首先去购买一个云服务器,阿里或腾讯,具体步骤就不讲了1.2 拿到服务器后先修改密码1.3 修改服务器安全组策略1.4 远程连接云服务器二、远程服务器环境配置2.1 安装jdk(1) 将Linux系统下自带JDK(如果原先安装
解决vue打包静态资源问题!一、 打包服务端访问资源,直接build就行了二、 打包成静态资源,build出问题啦!! 一、 打包服务端访问资源,直接build就行了打包成服务器访问的资源,是默认的打包方式,直接运行自带脚本npm run build,就可以将资源打包在dist目录下 打包好之后的文件为dist目录下的:static与index.html 打包完之后直接扔服务器上就行了,直接运行
转载 2024-08-16 11:37:03
30阅读
2. SpringBoot 配置2.1 配置文件类型配置文件用于修改 SpringBoot 的默认配置。2.1.1 properties 文件**properties ** 是属性文件后缀。文件名:application.properties只能保存键值对。基础语法:key=valuename=why注入配置类@Component // 声明为 Spring 组件 @PropertySource
转载 2024-09-24 08:14:33
469阅读
文章目录0 前提条件1 OBS 桶创建和配置1.1 华为云OBS桶的创建1.2 配置桶允许跨域请求1.3 获取桶信息2 SpringBoot 后端配置2.1 依赖2.2 application.properties 配置2.3 工具类2.4 Controller3 Vue 前端配置3.1 Vue 组件3.2 upload API3.3 request.js 0 前提条件请先确保SpringBoo
今天深圳台风来了,降了点,真尼玛热    ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄ ̄へ ̄今天先从写一个Spring MVC的HelloWorld开始,让我们看看如何搭建起一个Spring mvc的环境并运行程序。一、Maven环境配置点击Window -> Preferences如下图所示,配置settings.xml文件的位置    &nbsp
本篇目录前言一、图片上传1.前端部分2.后端部分二、部署项目到服务器1.选择一2.选择二三、关于完善项目的思考1.整体思路2.下一步 前言博客一直更新地很慢,多谢各位老铁的支持与耐心等候。一开始的时候真的没有想到做教程是这么蛋疼的一件事,这个项目我也就利用业余时间搞了一两周,没想到十篇文章竟然写了四个月。当然,更新慢的主要原因,还是我这该死的懒惰。这四个月里有 80 天左右的时间处在强制加班状态
转载 2024-05-31 11:15:08
238阅读
一、前言spring boot是要打成jar包运行的,项目采用了前(VUE)后(SpringBoot)端完全分离,开发完成后需要整合到一起发布,这就要引出这篇博客的由来了;一开始的时候是前端VUE开发完成后打成dist包然后发给我(前后端不在一起开发),我拿到dist包后解压然后放到springboot的static目录下。然后将项目打成jar包。最后部署,一次两次没问题,但是如果是联调阶段,前端
转载 2024-07-26 11:53:43
1637阅读
后端SpringBoot项目1、数据库将数据库备份一份到服务器或虚拟机上,然后修改项目的数据库连接路径,使其可以正常访问2、打包使用maven命令打包mvn clean package使用Xftp将产生的jar包上传到服务器相关目录,我的放到了/usr/server/yuyun里面3、运行第一种方法使用Xshell进入服务器目录,进行如下操作cd /usr/server/yuyun // 为所有文
转载 2024-03-09 11:08:35
491阅读
hello,你好呀,我是灰小猿,一个超会写bug的程序员,最近有很多小伙伴们在完成自己的毕设项目之后,就想着将自己的项目能够打包发布到自己的服务器上去,我也去网上找了一些关于springboot+vue的前后端分离的项目的打包及发布教程,但是网上的一些教程都是各种方法都有,所以在这里我就分享一下最常用的打包方法,之后在企业项目开发的过程中,也会经常会用到将项目打包发布的情况,这种方法也是同样适用的
vue-webpack 打包工具我的github iSAM2016 不是教程,是自我总结目录webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js一开始在接触webpack 的时候,简直痛不欲生,现在回头看,做个注释, 当然参考了很多文章。这是一个关于vue 开发的webpack 架构会列举出来webpack 系列教程Webpack—
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \
转载 2024-10-22 15:41:37
22阅读
(原)以下例子springboot后端地址为:localhost:7080/pingandaivue前端地址为:locahost:8080/pingandai/1、如果路由模式设置的是history。 那么最好带上base,(base是根目录的地址,比如你在页面上访问localhost:8080/b,那么它会自动跳转到localhost:8080/pingandai/b路径上)  
转载 2024-08-31 19:58:54
442阅读
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \
项目前后端接口联调联调准备运行后台项目clean 清空项目的编译文件compile 重新编译项目将项目部署到 Tomcat:项目名为 lagou_edu_home,端口号: 8080,使用 war 方式部署部署图片上传路径为 Tomcat 的 webapps 目录下的 upload 目录最后运行前端项目首先导入前端项目到 VS Code运行项目课程管理首页Courses.vue 的视图部分
前提SpringBoot - Vue 前后端分离项目确保能够在本机完成前后端连接,正常访问!阿里云部署了 java 环境。配好 mysql 环境。Tomcat 不用也行,因为 SpringBoot 已经内置了Tomcat一、前后端整合1、打包 前端静态资源注意:Vue 中的项目文件的 url 改为 服务器的IP 地址,不是本地的IP地址。确保打包前的Vue 项目没有任何错误!在项目的路径下打开cm
转载 2024-03-20 14:15:50
802阅读
  • 1
  • 2
  • 3
  • 4
  • 5