vue和springboot整合打包(springboot和vue项目运行)

vue打包到springboot访问不到后端

后端代码存在错误。在这种情况下，即使前端应用程序可以成功发送请求并接收响应，但是后端不会返回正确的响应。此时，您需要检查后端代码中是否有任何错误，并尝试通过调试或记录日志来找到问题所在。请求参数或路径错误。

打包步骤如下图：本文针对vuex的。

注意，我的springboot用的视图模板是thymeleaf，静态文件夹路径默认是resources/static/，我们目的就是要把dist这个打包好的文件夹，整个放进去这里。

首先打开电脑输入解锁密码，并进入系统主页面。其次打开《vue》并进入软件主页面。最后点击访问虚拟机中的springboot项目即可。

vue是一个基于JavaScript的前端开发框架，而springboot是一个基于Java的后端开发框架，一般运行于tomcat或undertow环境，它与vue的环境是完全隔离的，互相不会影响，所以二者同时运行不会冲突。

假设springboot的context-path为/，即根路径，那么我需要为静态资源分配一个路由，这里以pages为例，前端vue.config.js配置如下：上述方案每次必须访问pages的路由才可以访问到，那么我们是否可以重定向到这里呢，是可以的。

vue项目打包到springboot中

1、打包步骤如下图：本文针对vuex的。

2、在config/index.js中有开发环境与生产环境的相关配置。工程build相关配置：其中env：require(./prod.env)指生产环境配置信息。存放在prod.env.js内，具体内容为：修改完毕后，进行打包并与后台工程合并部署。

3、假设springboot的context-path为/，即根路径，那么我需要为静态资源分配一个路由，这里以pages为例，前端vue.config.js配置如下：上述方案每次必须访问pages的路由才可以访问到，那么我们是否可以重定向到这里呢，是可以的。

4、Vue项目：使用docker启动nginx服务器方式代理部署。项目使用mysql0作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。

SpringBoot如何进行项目打包部署

先进行clean清除target下面的文件，然后package将war包打包到target文件夹下。或者用install将war包打包到本地仓库中就好了。建议springboot中的tomcat是什么版本，就在生成环境使用说明版本的tomcat，这样可以避免出现不必要的错误。

idea的话直接打开自带的终端即可：执行命令：回车，打包完成：打包好的项目会默认保存在工作空间中该项目的target文件里：用ftp软件将项目传到服务器上，我一般用的是xftp，filezilla，xshell等软件。

SpringBoot项目部署到tomcat打包在项目的根目录下面执行命令：mvncleanpackage打包成功后，在项目的根目录下面会多出一个target目录，该目录下面有一个war包，名为：fileupload-0.0.1-SNAPSHOT.war。

热门标签