使用宝塔面板部署VUE项目到服务器

最新推荐文章于 2025-05-16 23:05:07 发布

神奇的王德发

最新推荐文章于 2025-05-16 23:05:07 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：服务器文章标签：服务器

本文链接：https://blog.youkuaiyun.com/weixin_44820183/article/details/123648864

本文介绍了如何使用宝塔面板将Vue项目部署到服务器，包括在Vue的index.js中配置路径，开放服务器端口，以及无域名和有域名两种情况下的详细部署步骤，如安装并启动nginx。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在Vue项目中的index.js文件中配置好路径

在这里插入图片描述

2、提前将需要使用到的端口放行

3、正式部署

（1）、无域名部署

i、安装nginx并启动

ii、然后就这样

在这里插入图片描述

（2）、有域名部署

在这里插入图片描述

#解决后端api没有代理到的问题直接访问到本服务器ip的问题
     location /api{
   
   
            rewrite  ^/api/(.*

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

神奇的王德发

关注关注

1
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

宝塔面板部署vue项目

m0_67391518的博客

03-06

997

最近闲着无聊，自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。 1.宝塔面板显示自己的服务器配置（自己百度，这里省略）；主要讲vue的项目的部署情况在宝塔面板添加自己的站点，（同一个id可以部署不同的站点，本篇文章不做介绍，后续文章有介绍）； 2.vue项目打包打开你的项目目录，用终端进行打包（npm run build） dist目录： 3.打包完之后会出现dist的目录，然后将dist放在你的目标站点中。上传dist目录：查看目标站点的根目录是不是

使用腾讯云轻量应用服务器配置宝塔面板部署前端vue项目

bfbshs_ddd的博客

02-27

848

新手如何配置宝塔面板，采用Nginx服务部署做的vue练手小项目

参与评论您还未登录，请先登录后发表或查看评论

使用宝塔面板部署 springboot 和 vue

奇妙方程式的博客

08-03

9390

仿照别人项目做了个基于 springboot 和 vue 的网站，在腾讯云服务器上，通过宝塔面板部署了该项目。项目的技术栈：Vue3、Vite5、Axios、Element Plus、Wangeditor5、Highlightjs、Spring Boot2、Mybatis、MySQL8。

Vue + Spring Boot 宝塔部署教程（简洁通用版）

最新发布

2401_83496204的博客

05-16

1890

🚀 本文是一份面向初学者的实用部署指南，详细讲解如何使用宝塔面板将 Vue 前端与 Spring Boot 后端项目部署到 Linux 云服务器。内容涵盖服务器准备、端口配置、环境分离、前后端构建、数据库初始化、Nginx 路由设置等核心步骤，并附有命令说明与目录结构建议，帮助你快速掌握从本地开发到上线部署的完整流程。

使用宝塔面板部署vue项目

m0_56409834的博客

06-19

5438

1.购买一款服务器，我选择的是价格比较便宜阿里云"轻量应用服务器" ，镜像是CentO@7.3, 地区选择香港(域名就可以不用备案)

Linux宝塔面板部署Vue和Spring项目

记录了个人在学习生活中的所思所想，在反思自己的同时希望也能够帮到你

10-26

2828

当一个前后端分离的项目写好之后，我们应该如何将其部署到服务器中呢？下面我们将在一个服务器中部署前端的vue项目，和后端的springboot项目，看看一个完整的前后端项目究竟是如何部署起来的吧！（声明：其中的前端vue代码来自B站黑马程序员的资料，后端的springboot代码是本人所写~）在正式部署之前，我们应该将前提条件准备好，必要的有FTP、MySQL、PHP、phpMyAdmin、java项目一键部署，其中，PHP用来启动前端项目，phpMyAdmin用来开启一个新的网页管理MySQL数据库。

宝塔面板部署项目（SpringBoot+Vue）

爱吃Java的羊的博客

10-24

1276

先安装Java环境（根据项目情况选择），网站 - Java项目 - Java环境管理 - 安装Java环境，网站 - Java项目 - 新建Java项目，是springboot的，就选springboot，路径要选到jar包，项目名称自行更改，项目端口根据自己的项目来，这里能直接开放面板的端口，jdk得选，项目执行命令应该是自动生成的，开启开机启动。点击管理，选择数据库 - 导入 - 上传文件 - 选择sql文件并上传 - 向下滑动，点击执行。打开服务器对应网站（服务器ip地址+域名号），刷新即可。

宝塔面板安装部署Vue项目，Vue项目从打包到上线

饭一口口吃的博客

10-16

6932

Vue项目打包上线，使用宝塔面板安装部署Vue项目

利用宝塔面板部署Vue项目教程

热门推荐

WEXIA666的博客

06-26

2万+

1 安装堡塔SSH客户端，进行SSH连接服务器 2 在Ubuntu的系统中，输入命令 wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh 3 安装成功之后，输入服务器ip+8888端口访问宝塔面板 http://1xx.xxx.xx:12580/ //这里我已经将宝塔面板默认的端口改为了 12580 4 SSH连接之后，输入 bt 就可以列出

使用宝塔面板快速部署SpringBoot+Vue项目（Java + Node）

weixin_69332171的博客

04-26

2365

浏览器访问你的项目完整域名（如： www.bttest.com:9001），检查是否自动跳转 HTTPS页面、资源是否加载正常（无 404 错误）、路由跳转是否生效（如 login 页面），这样网站就可以可以正常访问和使用啦。注：如果想直接使用域名来访问网站（如：www.bttest.com），需要将配置文件中的端口号修改为80或443端口（HTTP默认端口80，HTTPS默认端口443）。注：如果想使用80端口访问项目，建议使用 Nginx 反向代理服务，将80端口的流量转发到后端服务的非特权端口。

宝塔面板部署Vue+Gin项目（吐血整理，各种踩坑）

m0_64091529的博客

01-26

2004

部署Vue+Gin项目（吐血整理，各种踩坑）

阿里云ECS部署Spring Boot+Vue项目【宝塔面板】

Glubin的博客

07-01

1402

教程基于宝塔面板，在购买服务器选择镜像时，需要选择带有宝塔面板的镜像，也可以自己装宝塔面板，安装教程可以查看。

宝塔部署vue项目

weixin_44953643的博客

03-06

5479

宝塔部署vue项目