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

2022-11-17

一、环境的安装

  • 1、域名解析绑定自己服务器的IP地址
  • 2、安装宝塔

    1

    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的脚手架

    1

    npm install express-generator

  • 5、在express_demo目录下生成项目文件

    1

    express -enpm install

  • 6、开发端口【非常重要】
    • 在宝塔中开放端口
      教你用宝塔快速部署前端项目(图文)
    • 如果是使用的阿里云服务器,需要在服务器端继续开放端口
  • 7、在PM2的面板中添加express_demo项目启动
    教你用宝塔快速部署前端项目(图文)
  • 8、浏览器输入域名或者IP带上3000端口

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

  • 1、点击网站的设置
    教你用宝塔快速部署前端项目(图文)
  • 2、修改nginx的配置文件
    教你用宝塔快速部署前端项目(图文)
  • 3、测试,浏览器上直接输入域名/express
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 技术文章 教你用宝塔快速部署前端项目(图文) https://www.xmy7.com/zh/jishu/21320.html

相关文章