手摸手带你用宝塔部署前端项目。

宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。
有30个人的专业团队研发及维护,经过200多个版本的迭代,功能全,少出错且足够安全,已获得全球百万用户认可安装。运维要高效,装宝塔。

本文使用阿里云服务器,其他服务器部署流程也大同小异。

一:首先购买一台云服务器。

手摸手带你用宝塔部署前端项目。插图

这里操作系统我选择的是CentOS 7.5 ,此处需要注意,CentOs8+下载宝塔会有问题。

手摸手带你用宝塔部署前端项目。插图1

手摸手带你用宝塔部署前端项目。插图2

并且进行重置服务器密码操作

手摸手带你用宝塔部署前端项目。插图3

安全组设置可以根据自己的需要来进行开放。

二:自由选择终端模拟软件,这里我选择的是xshell7。

手摸手带你用宝塔部署前端项目。插图4

三:安装宝塔。手摸手带你用宝塔部署前端项目。插图5

手摸手带你用宝塔部署前端项目。插图6

执行命令安装宝塔,安装成功后会出现外网地址和内网地址。手摸手带你用宝塔部署前端项目。插图7

访问外网宝塔面板地址,输入用户名密码,默认端口8888,服务器对应8888端口一定要配置安全组。

登录成功后可以根据需要安装默认应用,或者按需安装。

手摸手带你用宝塔部署前端项目。插图8

四:添加宝塔网站。

手摸手带你用宝塔部署前端项目。插图9

手摸手带你用宝塔部署前端项目。插图10

手摸手带你用宝塔部署前端项目。插图11

端口需要在服务器配置安全组

五:上传文件到根目录。

前端项目执行npm run build 生成dist文件,上传到根目录中。

手摸手带你用宝塔部署前端项目。插图12

这时候访问地址就可以看到前端项目成功的部署到了服务器上。

六:注意,如果部署的项目出现刷新404的问题,这时候需要修改Nginx配置。

手摸手带你用宝塔部署前端项目。插图13

location / {
try_files $uri $uri/ @router;
index index.html;
}

location @router {
rewrite ^.*$ /index.html last;
}

添加配置即可。

原文链接:https://blog.csdn.net/weixin_43330752/article/details/123116534

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享