Vite打包Vue3项目，利用宝塔摆设到服务器

一、Vite打包设置、打包

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

二、创建项目

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

办理刷新404题目

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

复制代码

三、上传文件到服务器

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

四、测试运行

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








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