springboot+vue项目部署问题记录

最近的项目开发已经接近尾声,准备先发一个测试版本上线。此次项目是一个森林防火系统,采用了前后端分离的方式进行项目开发。前端使用的技术栈是vue+openlayer+天地图+elementUI;后端是一个springboot项目。在此次部署过程中,遇到了不少问题,以此记录。
1.springboot项目打包时自动执行mybatis-generator。
解决办法:添加deploy在这里插入图片描述
2.springboot打包完成后,启动报错“Could not load driverClass com.microsoft.sqlserver.jdbc.SQLServerDriver”
解决办法:scope换成runtime。runtime表示在编译时不会依赖,运行时才会依赖。在这里插入图片描述
3.nginx部署vue项目后,访问不到
这个问题处理了很久,最后才发现是阿里云服务器没有开对应端口~,然后nginx配置文件conf中也需要检查dist文件夹路径是否正确。

### 宝塔面板部署 Spring BootVue 构建的前后端分离项目 #### 创建并配置环境 为了成功部署基于Spring BootVue构建的应用程序,在宝塔面板中需先设置好运行所需的环境。这通常涉及安装Java环境用于支持Spring Boot应用以及Node.js环境来处理前端资源,尽管对于已经编译完成的Vue项目来说后者不是必需的。 #### 准备工作区与上传项目文件 在服务器上通过宝塔面板的新建站点功能为应用程序创建专门的工作空间[^1]。此操作不仅限于建立虚拟主机记录,更重要的是提供了清晰明了的目录结构以便后续管理和维护。接着,将预先准备好的`jar`包(代表后端服务)同`dist`文件夹(包含由Vue构建工具生成的静态网页资产)一同上传至相应位置[^2]。 #### 设置反向代理实现前后端通信 针对前后端分离架构的特点,应当利用Nginx作为中间件实施反向代理策略,从而使得客户端请求能够被正确路由到对应的微服务实例上去。具体而言,就是在Nginx配置文件里指定当接收到特定路径下的HTTP调用时将其转发给监听本地其他端口上的Spring Boot进程;而对于直接访问HTML页面或者其他静态媒体则保持默认行为不变即可[^3]。 ```nginx location /api/ { proxy_pass http://localhost:8080/; } ``` 上述代码片段展示了如何定义一个简单的API网关规则,其中假设后台RESTful API位于`http://localhost:8080`地址处提供服务。 #### 调整前端配置适应生产环境 考虑到开发阶段可能存在的差异性因素影响最终用户体验效果,建议依据实际情况调整Vue项目的配置参数以更好地匹配实际部署场景的要求。比如更新`vite.config.js`内的代理表项使之指向真实的后端接口URL前缀,确保即使是在跨域情况下也能正常发起AJAX请求获取数据。 ```javascript export default defineConfig({ server: { proxy: { '/prod-api': 'http://your-real-backend-domain.com' } } }) ``` 以上即为使用宝塔面板搭建一套完整的Spring BootVue组合而成的企业级Web解决方案的大致流程概述。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值