【项目配置】vue3项目上传到宝塔面板，图文保姆级教程！

文章前言

这几天在b站上学习vue3项目，视频的后续也没有提到项目打包上传的事情。自己之前在阿里云买了一年服务器，刚好可以用上。

目录

一、项目打包

二、配置宝塔面板

1、新建站名与基本配置

2、配置伪静态代码

3、上传dist文件夹

4、修改网站目录

三、测试

一、项目打包

在终端打开项目目录，打包一下。

npm run build

打包成功后，在目录中会生成一个dist文件夹

二、配置宝塔面板

（跳过登录的环节，这里默认大家登录成功）

1、新建站名与基本配置

2、配置伪静态代码

location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.html?s=/$1 last; break; } }

3、上传dist文件夹

（找到站点存放文件的位置）

4、修改网站目录

三、测试

（记得是自己真实的公网ip+放行端口）