宝塔Ubuntu 22系统上部署网站的详细步骤。
以下是在宝塔Ubuntu 22系统上部署网站的详细步骤:
本地构建项目
打开终端,进入项目根目录
运行命令:pnpm install 安装依赖
运行命令:pnpm build 生成dist文件夹
准备服务器环境
登录宝塔面板,打开左侧”网站”菜单
点击”添加站点”,填写域名(如无域名可使用IP)
选择PHP版本(纯静态网站可选择纯静态)
点击”提交”创建网站
上传网站文件
进入刚创建的网站目录(通常在/www/wwwroot/域名)
删除默认文件(index.html等)
点击”上传”,选择本地dist文件夹中的所有文件
等待上传完成
配置Nginx
在网站列表中点击”设置”
进入”配置文件”标签
找到root配置项,修改为网站目录下的dist/static
点击”保存”
完成部署
在浏览器中访问您的域名或IP
确认网站正常显示
如果需要配置SSL证书,可以在宝塔面板的网站设置中找到”SSL”选项,申请免费证书并启用。
择本地dist是什么文件啊
好的,我将为您解释本地dist文件是什么以及它的作用。
dist文件夹是项目构建后生成的部署文件目录,包含经过优化的HTML、CSS、JavaScript等静态资源。在当前项目中,执行pnpm build命令后会自动创建该文件夹,里面的文件是用于最终上线部署的生产版本代码。
肖兴来个人博客
