云服务器部署vite前端项目
本篇博客将详述眨眼睛部署前端项目遇到的问题和解决方法
- 打包
vite项目
输入指令会生成一个
dist文件夹
npx vite build
如果我们使用liveServer打开这个html会发现报错
细看一下，是生成的路径都是以/开头，按理我们应该使用相对路径
当然它默认这么生成肯定有它的道理，至于是啥先不管，能跑再说
咱全改成相对路径（就加个点），本地使用liveServer能正常预览了
补充：每次需要改多麻烦，这里其实是需要配置的，要不然资源文件也找不到
vite.config.ts文件夹加入以下这句就行了
base: './',
- 配置并上传至云服务器
一般情况下服务商会给下好个Linux系统，没有的自己找教程下一个
我现在默认你们已经连接了xshell（远程指令）和xftp（传输文件），其他可代替的也行
a. 安装模块(用普通方法可能找不到包，下面的是我找到可行的)
yum --disableexcludes=all install -y httpd
如果安装成功以后可以看到一级目录var中出现www文件夹（是里面，不是同级目录）
b. 启动httpd模块（一般默认会启动的，这里是为了验证是不是成功启动了）
启动模块
systemctl start httpd.service
可能会出现的问题：
启动失败了
我们查看一下状态：
systemctl status httpd.service
发现我们的端口被占用了
http是80端口，查一下被哪个进程占用了
sudo netstat -tulpn | grep :80
找到进程号并将其关闭
再重新启动一下
httpd至成功即可，出现其他问题就得小友自行查找了
最后一步就很简单了
使用xftp将我们打包好的文件上传到这个路径下即可
