宝塔部署vue和springboot项目
时间: 2023-08-15 13:03:31 浏览: 171
宝塔面板可以用来部署Vue和Spring Boot项目。对于Vue项目的部署,可以将Vue项目打包后的文件上传到服务器,并配置Nginx来解决请求跨域时的端口转发问题。对于Spring Boot项目的部署,可以将Spring Boot项目打包后部署到服务器上。具体步骤如下:
1. 准备一个腾讯云服务器,并安装宝塔面板。确保服务器上已经配置好LNMP环境,并放好数据库文件和JDK。
2. 打包Vue项目。在本地开发环境中,使用命令行工具进入Vue项目的根目录,然后执行命令`npm run build`来打包Vue项目。打包完成后,会生成一个dist目录,里面包含了打包后的静态文件。
3. 将Vue项目的打包文件上传到服务器。可以使用FTP工具将dist目录上传到服务器上的指定目录,比如/var/www/html。
4. 部署Spring Boot项目。将Spring Boot项目的打包文件上传到服务器上的指定目录,比如/var/www/springboot。
5. 配置Nginx。在宝塔面板中,找到网站管理,添加一个新的网站。将域名指向服务器的IP地址,并设置网站目录为Vue项目的打包文件所在的目录,比如/var/www/html。然后在反向代理设置中,将请求转发到Spring Boot项目的端口,比如8080。
通过以上步骤,就可以实现Vue和Spring Boot项目的部署。用户可以通过访问域名来访问Vue项目,Nginx会将请求转发到Spring Boot项目,实现前后端的分离部署。
#### 引用[.reference_title]
- *1* *2* [Spring Boot + Vue 前后端分离项目的部署](https://blog.csdn.net/qq_45716120/article/details/112985281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [宝塔面板 部署 VUE+Spring Boot前后端分离(腾讯云服务器)](https://blog.csdn.net/m0_47484034/article/details/129580824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文
相关推荐


















