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;     }

三、上传文件到服务器

上传成功之后，文件目录结构是这样的

四、测试运行

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

上一篇：【保姆级教程】教你手把手搭建一个OPCDA/UA服务器

下一篇：HTTPS SSL TLS协议原理_测试ssl tls 服务器瞬时 diffie-hellman

相关内容

热门资讯

黑科技好友(wepoke)黑科... 黑科技好友(wepoke)黑科技透明挂辅助助手(透视)攻略教程(一贯真的有挂)wepoke软件透明挂...
黑科技辅助挂！aapoker有... 黑科技辅助挂！aapoker有猫腻，aapoker德州俱乐部，分享教程（起初存在有挂）1、玩家可以在...
黑科技私人局！（aaPoker... 黑科技私人局！（aaPoker）透明挂辅助插件，（aapokEr）一直存在有挂，软件教程（有挂神器）...
wepoke辅助工具的使用教程... wepoke辅助工具的使用教程(wePoKe)wepoke德州扑克系统规律(黑科技)系统教程(果然真...
黑科技总结(线上微扑克)外挂透... 黑科技总结(线上微扑克)外挂透视辅助下载(透视)揭秘教程(确实是有挂)1、进入到线上微扑克黑科技之后...
黑科技存在！德州之星有辅助挂吗... 1、黑科技存在！德州之星有辅助挂吗，德州游戏辅助器大全，揭秘教程（本来是真的有挂）。2、透视辅助简单...
黑科技工具！（wePokE）软... 黑科技工具！（wePokE）软件透明挂，（WEPOke）从前是有挂，新2025版（有挂透视）1、很好...
德州之星辅助挂(德州之星)德州... 德州之星辅助挂(德州之星)德州之星app有外挂吗(辅助挂)新版2025教程(一直真的有挂)；1、德州...
黑科技肯定(wepoKE)黑科... 黑科技肯定(wepoKE)黑科技透明挂辅助挂(透视)教你攻略(果然有挂)1、操作简单，无需注册，只需...
黑科技代打！aapoker辅助... 1、黑科技代打！aapoker辅助透视，aapoker脚本透明，曝光教程（一向存在有挂）2、进入游戏...