怎么把打包好的vue2项目在宝塔中部署和启动

1. 在宝塔面板中创建一个站点，设置好域名和网站根目录。
2. 在服务器上安装Node.js环境。
3. 将打包好的Vue项目上传到网站根目录中。
4. 进入网站根目录，打开终端，执行以下命令安装依赖：

npm install

5. 安装完依赖后，执行以下命令启动项目：

npm run start

6. 如果需要后台运行项目，可以使用pm2工具。首先安装pm2：

npm install -g pm2

7. 启动项目：

pm2 start npm --name "项目名称" -- run start

8. 查看项目运行状态：

pm2 list

9. 如果需要停止项目，可以使用以下命令：

pm2 stop 项目名称

以上就是将打包好的vue2项目在宝塔中部署和启动的步骤，希望能对你有所帮助。

相关问题

宝塔部署vue和springboot项目

宝塔面板可以用来部署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 ]

Vue2项目部署到宝塔面板

1. 在宝塔面板中创建一个新网站，选择对应的PHP版本和数据库。
2. 在本地使用npm run build命令进行打包，得到dist文件夹。
3. 将dist文件夹中的所有文件上传到宝塔面板中新网站的根目录下。
4. 在根目录下新建一个.htaccess文件，写入以下内容：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

这个文件用于在路由切换时保持页面的刷新，避免出现404错误。
5. 在根目录下新建一个nginx.conf文件，写入以下内容：

location / {
    try_files $uri $uri/ /index.html;
}

这个文件用于配置nginx服务器，使之能够重定向到index.html文件，从而实现SPA应用的路由切换。
6. 保存nginx.conf文件后，重启宝塔面板中的nginx和php服务即可。