重新运行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...
1、 后端 SpringBoot 首先,检查一下是否在 pom.xml 中引入 maven 打包插件,即是否存在以下的依赖。spring-boot-maven-plugin 默认将项目打包成 jar 包,打包成功后可在项目目录下的 target 文件夹下查看。 <build> <plugins> <!-- maven打包插件 --> <plugin> <groupId>org.springframework.boot</groupId> ...
1.前端打包 (1)流程 通常,我们的前端是在 VsCode 中开发的,如果想要打包,只需要 ctrl+shift+U 调出命令行;然后输入 npm run build 之后在项目中会自动生成一个 dist 文件夹,只需要将里面的所有文件直接 copy 到Springboot项目的 static 中就可以了; (2)问题 1.vue 打包部署后, 除了主页,其他页面刷新就会40...
使用浏览器访问http://serveryuyun.heyunhui.top/,访问成功 前端Vue项目 1、修改后台访问路径 打开vue项目,将访问后台的路径改为刚才配置的域名 然后运行项目,看是否正常访问前端页面 可以正常访问后打包vue项目 2、打包vue项目 npm run build:prod 1. 每个项目打包命令不一样,如果没用,自行百度 打包后的文件在dis...
前端文件打包 用管理员身份进入Vue文件夹,使用命令 代码语言:javascript 复制 npm run build 打包好生成dist文件。 使用WinSCP上传到usr/server/ 至此,前端文件上传完毕。 后端文件打包 在IDEA中依次执行clean,compile,package 生成target文件目录,其中,springboot-0.0.1-SNAPSHOT.jar就是需要上传到服务器的jar包。
打包vue项目时同样是使用命令行的方式, 在上面同样的位置输入vue项目的打包命令 代码语言:javascript 复制 npm run build 等待出现如下界面时就表示打包完成了, 与springboot项目不同,vue项目打包完成之后是在文件根目录下生成一个dist文件夹。 [外链图片转存中…(img-iS0Fji4X-1653821399468)] 其中的index.html就可...
SpringBoot+Vue项目部署通常包括后端和前端的部署。以下是使用传统方式部署SpringBoot+Vue项目的步骤:一、后端部署 项目打包在后端,你需要将SpringBoot项目打包成一个可执行的jar包。你可以使用Maven来完成这个任务。首先,确保你的pom.xml文件中已经包含了必要的插件。例如,你可以添加以下插件来打包你的项目: <build> ...
stop:这个在 mvn integration-test 阶段,进行 Spring Boot 应用生命周期的管理 在target中有两个jar,来看看 第一个baiwei-0.0.1-SNAPSHOT.jar表示打包成的可执行 jar ,第二个baiwei-0.0.1-SNAPSHOT.jar.original则是在打包过程中 ,被重命名的 jar,这是一个不可执行 jar,但是可以被其他项目依赖的 jar。通过...
前端项目为vue项目，使用vue admin template作为后台管理模板进行开发。前端打包 了解开发环境、生产环境，修改生产环境的配置 在开发的时候，往往使用本地电脑进行开发。但是项目上线的时候，需要部署到云服务器中。因此项目中使用两个配置文件来分别存放开发环境和生产环境，方便环境切换。修改生产环境配置文件。修改配置...