Vite打包Vue3项目，利用宝塔部署到服务器
创始人
2025-01-19 11:02:46
0次
一、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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
透视窍要！德普之星透视辅助软件...
透视窍要！德普之星透视辅助软件，德扑之心免费透视（透视）原来有透视方法（哔哩哔哩）1、德普之星透视辅...
4分钟安装！微乐小程序黑科技，...
4分钟安装！微乐小程序黑科技，微乐小程序辅助教程（本来真的是有外挂工具）-哔哩哔哩运微乐小程序辅助教...
透视模块！德普之星有辅助软件吗...
透视模块！德普之星有辅助软件吗，德普之星私人局辅助免费（透视）本来真的有脚本app（哔哩哔哩）；1、...
第五分钟脚本！微乐小程序黑科技...
第五分钟脚本！微乐小程序黑科技，微乐自建房怎么提高胜率（总是是有外挂软件）-哔哩哔哩1、超多福利：超...
透视项目！wepoker有脚本...
透视项目！wepoker有脚本吗，wepoker免费脚本（透视）本来存在有透视技巧（哔哩哔哩）1、点...
第三分钟安装！微乐小程序免费黑...
第三分钟安装！微乐小程序免费黑科技，微信小程序微乐挂如何获取（本来有挂外挂脚本）-哔哩哔哩1、让任何...
透视绝活儿！德普之星辅助软件，...
透视绝活儿！德普之星辅助软件，德普之星辅助器（透视）原来真的是有透视脚本（哔哩哔哩）1、起透看视 德...
第3分钟插件！微乐小程序黑科技...
第3分钟插件！微乐小程序黑科技，微乐如何自己建脚本（其实真的是有外挂辅助器）-哔哩哔哩1、微乐小程序...
透视课程！wpk可以作必弊吗，...
透视课程！wpk可以作必弊吗，wpk德州局透视（透视）切实是真的透视插件（哔哩哔哩）1、每一步都需要...
七分钟安装！微乐小程序自建房透...
七分钟安装！微乐小程序自建房透视下载，微乐小程序免费黑科技下载方法（确实存在有外挂下载）-哔哩哔哩1...