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

相关内容

热门资讯

教程辅助“上饶中至脚本”开挂（... 教程辅助“上饶中至脚本”开挂（透视）辅助平台-哔哩哔哩1、下载安装好上饶中至脚本，进入游戏主界面，点...
推荐十款“心悦辅助器”附开挂工... 推荐十款“心悦辅助器”附开挂工具辅助详细教程 【无需打开直接搜索加薇136704302咨询;操作使用...
教程辅助“潮汕激k传送屋辅助器... 教程辅助“潮汕激k传送屋辅助器”开挂（透视）辅助平台-哔哩哔哩这是一款可以让一直输的玩家，快速成为一...
今日百科“四川游戏家园辅助界面... 今日百科“四川游戏家园辅助界面”附开挂神器辅助详细教程1、下载安装好四川游戏家园辅助界面，进入游戏主...
教程辅助“爱玩娱乐暗堡辅助”开... 教程辅助“爱玩娱乐暗堡辅助”开挂（透视）辅助脚本-哔哩哔哩 了解更多开挂安装加（136704302）...
大神推荐“九九山城万州辅助”附... 大神推荐“九九山城万州辅助”附开挂插件辅助详细教程；无需打开直接搜索微信（136704302）咨询了...
教程辅助“wpk显示有作弊”开... 教程辅助“wpk显示有作弊”开挂（透视）辅助脚本-知乎；无需打开直接搜索薇:136704302 咨询...
实测分享“创思维激k辅助器视频... 创思维激k辅助器视频是一款专注玩家量身打造的游戏记牌类型软件，在创思维激k辅助器视频这款游戏中我们可...
教程辅助“天天微友有辅助吗”开... 教程辅助“天天微友有辅助吗”开挂（透视）辅助插件-知乎；无需打开直接搜索打开薇:136704302 ...
带你了解“微信小程序功夫川破解... 带你了解“微信小程序功夫川破解版”附开挂软件辅助详细教程1、下载安装好微信小程序功夫川破解版，进入游...