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

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

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

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

 

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

 

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

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

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

三:安装宝塔。

 

执行命令安装宝塔，安装成功后会出现外网地址和内网地址。 

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

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

四:添加宝塔网站。

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

五:上传文件到根目录。

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

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

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

 

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

添加配置即可。