1、构建Vue项目,2、配置Spring Boot资源路径,3、将Vue项目打包文件放入Spring Boot项目的静态资源目录。下面将详细描述这些步骤。 一、构建Vue项目 安装依赖:首先确保你已经安装了Node.js和npm。然后在你的Vue项目根目录下运行以下命令来安装项目依赖: npm install 构建项目:在Vue项目根目录下运行以下命令来构建项目,...
打包部署 环境配置完之后,就需要把本地的前后端项目分别打包上传到服务器。 前端文件打包 用管理员身份进入Vue文件夹,使用命令 代码语言:javascript 复制 npm run build 打包好生成dist文件。 使用WinSCP上传到usr/server/ 至此,前端文件上传完毕。 后端文件打包 在IDEA中依次执行clean,compile,package 生成target文...
重新运行npm run build 2.nginx部署前端vue项目 把打完的dist文件夹拉至服务器(/home/laowang/lw-music/lw-music-client) 配置nginx.conf文件(/usr/local/webserver/nginx/conf/nginx.conf) 改下面2处地方 浏览器打开访问主机,看是否成功! 二、Springboot打包+部署 1.打包(mvn clean package) mvn clean package...
进入目标目录,选择自定义方式创建目录 vue create 项目名 // 这里面呢回车别按太快,空格是勾选,回车是下一步 1. 2. 选择需要的配置项 ? Check the features needed for your project: (Press <space> to select, to toggle all, to invert selection) ( ) Choose Vue Version //选择Vue版本 ( ) B...
二、vue前端部署到云服务器 2.1 创建一个vue项目并进行打包 ① 创建一个vue项目 以管理员的身份打开控制台,跳转到你想要创建项目的位置 输入如下命令,创建一个vue项目。 vue create 项目名字 通过键盘的↑↓控制选项,选择Manually select features 之后按下回车。
以后端为spring-boot与前台为vue的项目举例。 一.给服务器安装相应的需求环境 1.安装jdk 安装方式可自行百度,推荐使用yum安装,安装完成后配置环境即可。 2.安装nginx。代理服务器,安装方式可自行百度,yum应该也是可以安装的。 二.部署后台代码 1.这里采用IDEA作为开发工具,只要通过maven的打包操作package在target那里找...
本次主要讲解SpringBoot+Vue前后端完全分离项目在CentOS云服务器上的环境搭建与部署过程,我们主要讲解原生部署。 一.原生部署概念 原生部署是指将应用程序(一般是指软件、应用或服务)在底层的操作系统环境中直接运行和部署,而不依赖于额外的中间件、框架或虚拟化技术。
我们就用Docker容器化部署一个springboot+vue的项目,我选用的是若依后台管理系统,仓库地址:https://gitee.com/y_project/RuoYi-Vue.git,将其克隆下来作为我们部署的项目。 一般来说应该是先在本地打包成docker镜像然后上传到私有仓库,然后在服务器将镜像拉取下来,但是我们个人没有什么镜像仓库,但是可以先将jar包上传...
前端vue:运行在tomcat中; 后端部署(jar包) Java项目一般有两种部署方式(据我所知),一种是jar,一种是war包。 jar包直接用java -jar 的命令直接运行就可以了,应为它本身自带了tomcat。war就要放到tomcat中才能运行(以前做的jsp的项目就是这样的) springboot的Java项目是最容易部署的,因为它直接打包是jar包。