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

博主简介

• 合作：前端开发(web/h5/小程序)、商务等，联系方式请看主页简介。
• 福利：关注公众号（主页简介和底部信息卡片），回复：“学习礼包”，有我精心整理的100G+的IT学习资料~

宝藏网站分享

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站：人工智能教程

知识点非常详细，以下是部分目录：

文章前言

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

目录

一、项目打包

二、配置宝塔面板

1、新建站名与基本配置

2、配置伪静态代码

3、上传dist文件夹

4、修改网站目录

三、测试

一、项目打包

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

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

二、配置宝塔面板

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

1、新建站名与基本配置

2、配置伪静态代码

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

3、上传dist文件夹

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

4、修改网站目录

三、测试

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