首页 > 专题 > 宝塔面板 > 正文

教你用宝塔快速部署前端项目(图文)

藏色散人
发布: 2021-11-05 16:39:36
转载
9687 人浏览过

本文由宝塔面板教程栏目给大家介绍如何使用宝塔快速地部署前端项目,希望对需要的你有所帮助!

一、环境的安装

  • 1、域名解析绑定自己服务器的IP地址

  • 2、安装宝塔

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
    登录后复制
  • 3、等待几分钟,安装完成后,页面上会出现登录账户和密码(先复制出来,登录进去后可以修改)
    在这里插入图片描述

  • 4、在阿里云服务器上安全组上将8888端口开放出来

  • 5、使用上面的账号和密码登录到你的宝塔界面中修改用户名和密码【主要是为了方便记住账号和密码】
    在这里插入图片描述

三、使用宝塔部署静态项目

  • 1、安装nginx软件
    在这里插入图片描述

  • 2、部署静态项目
    在这里插入图片描述

  • 3、直接在浏览器上访问(输入自己的域名)
    在这里插入图片描述

  • 4、如果要创建别的静态项目
    在这里插入图片描述
    在这里插入图片描述

  • 5、在浏览器输入域名/文件夹名访问刚刚的静态项目

四、使用PM2部署node项目

  • 1、在软件商店安装pm2工具

  • 2、在pm2的管理界面切换node版本

  • 3、在站点的目录下创建一个文件夹express_demo

  • 4、安装express的脚手架

    npm install express-generator
    登录后复制
  • 5、在express_demo目录下生成项目文件

    express -enpm install
    登录后复制
  • 6、开发端口【非常重要】

    • 在宝塔中开放端口
      在这里插入图片描述

    • 如果是使用的阿里云服务器,需要在服务器端继续开放端口

  • 7、在PM2的面板中添加express_demo项目启动
    在这里插入图片描述

  • 8、浏览器输入域名或者IP带上3000端口

五、修改nginx的配置文件,反向代理到node项目

  • 1、点击网站的设置
    在这里插入图片描述

  • 2、修改nginx的配置文件
    在这里插入图片描述

  • 3、测试,浏览器上直接输入域名/express

以上是教你用宝塔快速部署前端项目(图文)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!