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

前言：

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

正文开始：

       1 对项目进行打包

在项目下打开终端

输入npm run build（根据package.json的scripts中“build”）

运行成功后会在项目目录下生成一个dist文件

2 配置宝塔面板（这里默认大家登录成功）

2.1新建站名以及基本配置

伪静态代码如下：

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

上传刚才生成的dist文件。（找到站点存放文件的位置）

修改访问网站时的目录

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

（由于自己是跟着视频教程敲的项目，为了保护隐私就不展示完整页面了。。）