ToB企服应用市场:ToB评测及商务社交产业平台

标题: Vite打包Vue3项目，利用宝塔摆设到服务器 [打印本页]

作者: 勿忘初心做自己 时间: 2024-6-28 20:12
标题: Vite打包Vue3项目，利用宝塔摆设到服务器
一、Vite打包设置、打包

按照如图的设置，将vite.config.js的 base 改为 /dist/
然后npm run build
就会得到左边的这个dist文件夹，这就是打包好的文件

二、创建项目

创建项目以及项目设置
我在服务器安装的php是5.6版本的，其他版本可以自己试一下

办理刷新404题目

location / {
# root定义网站根目录 html 即网页所在目录
root /www/wwwroot/test.com/dist;
# index定义网站的首页 html/index.html
index index.html index.htm;
# 避免f5刷新后404
try_files $uri $uri/ /index.html;
}

复制代码

三、上传文件到服务器

上传乐成之后，文件目次布局是如许的

四、测试运行

（顺序不肯定要按照我写的顺序从上往下举行，反正最终的各种设置对得上就行）

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)