来源: 【项目配置】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
Mikel