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、火...
关于烘培！wepoker私人局...
关于烘培！wepoker私人局辅助器，开心茶苑13道辅助，详细教程（有挂解惑）1、wepoker私人...
辅助经验！大唐辅助器，闲乐辅助...
辅助经验！大唐辅助器，闲乐辅助器，详细教程（有挂方法）1、进入游戏-大厅左侧-新手福利-激活码辅助透...
详情烘培！开心泉州辅助器，衢州...
详情烘培！开心泉州辅助器，衢州都莱有没有辅助器，详细教程（发现有挂）1、下载好开心泉州辅助器正确养号...
关于课程！手机游戏辅助器，兴动...
关于课程！手机游戏辅助器，兴动互娱脚本，详细教程（有挂细节）1、手机游戏辅助器有没有辅助教程、手机游...
揭露烘培！新道游科技透视免费版...
揭露烘培！新道游科技透视免费版，小闲川南手游辅助器，详细教程（讲解有挂）1、点击下载安装，新道游科技...
教你学习！拱趴大菠萝玩的是运气...
教你学习！拱趴大菠萝玩的是运气吗，衢州都莱辅助器，详细教程（详细教程）1、拱趴大菠萝玩的是运气吗模拟...
专业操作！博乐填大坑图片，新超...
专业操作！博乐填大坑图片，新超凡软件辅助，详细教程（果真有挂）1、全新机制【新超凡软件辅助ai辅助工...
总结方式！免费天天贵阳辅助工具...
总结方式！免费天天贵阳辅助工具，小程序牵手跑得有外挂吗，详细教程（有挂秘籍）小程序牵手跑得有外挂吗是...
揭幕模板！微信小程序游戏充值破...
揭幕模板！微信小程序游戏充值破解，青龙大厅挂什么价格，详细教程（有挂教程）1、操作简单，无需微信小程...