【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!_宝塔部署vue3项目-CSDN博客

来源: 【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!_宝塔部署vue3项目-CSDN博客

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

目录

一、项目打包

二、配置宝塔面板

1、新建站名与基本配置

2、配置伪静态代码

3、上传dist文件夹

4、修改网站目录

三、测试

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

 

 

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

 

二、配置宝塔面板
(跳过登录的环节,这里默认大家登录成功)

1、新建站名与基本配置

 

 

 

 

 

 

 

2、配置伪静态代码
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.html?s=/$1 last;
break;
}
}

AI写代码
JavaScript
运行
3、上传dist文件夹
(找到站点存放文件的位置)

 

 

 

4、修改网站目录

三、测试
(记得是自己真实的公网ip+放行端口)

 

————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/orbit4/article/details/142213726

赞(1) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏