使用宝塔面板部署前端项目到服务器

这篇具有很好参考价值的文章主要介绍了使用宝塔面板部署前端项目到服务器。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

目录

文章目录

前言

一、第一步:创建文件夹

二、第二步:部署前端项目

三、第三步:打开防火墙


文章目录

  • 前言
  • 第一步:创建文件夹
  • 第二步:部署前端项目
  • 第三步:打开防火墙
  • 总结

前言

在此之前,我们已经创建了宝塔面板账号、拥有了一台服务器。现在,我们想让我们的前端能够像阿里巴巴、淘宝等网站那样被别人访问,那么我们应该在宝塔面板上面怎样做呢?


一、第一步:创建文件夹

1、打开我们的宝塔面板后,我们会看到左侧有一列目录,点击里面的文件。

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

2、点击在根目录下名叫www的文件夹

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

3、点击里面叫wwwroot的文件夹

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

4、在里面随便创建一个文件夹准备放入我们的前端代码

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

5、放入我们的前端代码

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署


二、第二步:部署前端项目

1、在宝塔面板的左侧有个叫网站的名字,点进去并选择node项目

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

2、添加我们刚才放入的项目

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

3、配置前端的信息

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署


三、第三步:打开防火墙

1、点击自己的项目,可以查看自己的项目运行情况

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

2、在左侧有个项目日志,可以观看是否运行成功

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

3、打开自己端口的防火墙

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

4、在服务器那边也要开启端口

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

5、使用端口+ip到网页上面访问

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署

部署成功!!! 

使用宝塔面板部署前端项目到服务器,前端,宝塔面板,阿里云,服务器,部署


总结

前端部署分为3步:文章来源地址https://www.toymoban.com/news/detail-769123.html

1、创建文件夹

2、开始前端部署

3、开启防火墙

前端部署后最直观的就是看见网页,但后端没有部署是无法实现功能的,在后面将有如何这是数据库和项目的一键部署。如果这篇文章对你有帮助的话请点点赞和收藏。如果网站和文章有问题的话也可以私信我或指出来!!!

到了这里,关于使用宝塔面板部署前端项目到服务器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【宝塔面板部署nodeJs项目】网易云nodeJs部署在云服务器上,保姆级教程,写网易云接口用自己的接口不受制于人

    看了很多部署的,要么少步骤,要么就是写的太简洁,对新手不友好 参考链接 网易云音乐API 安装及部署 全过程【本地跑项目以及远端部署 均详解】 服务器如何上线node.js项目【项目放置在github中】 宝塔部署nodejs项目 参考多篇文章,主要为上3篇,才总结本篇 提示:这里可

    2024年02月03日
    浏览(43)
  • 使用宝塔部署JavaWeb前后端项目到服务器

    1.我使用的是腾讯云的轻量应用服务器,在安装系统的时候可以选择使用宝塔Linux面板。  2.安装了宝塔面板以后,可以在应用管理中看到宝塔面板的登陆地址。在登录之前需要在 用户名和密码那一栏 登录,来获取宝塔的用户名和密码。 3.进入宝塔以后输入用户名和密码即可

    2024年02月04日
    浏览(52)
  • 云耀服务器L实例搭配负载均衡部署Linux 可视化宝塔面板

    华为云云耀服务器L实例是一种高性能、高可靠性的云服务器实例,适用于大规模企业级应用、大数据分析等场景。它基于华为最新一代的硬件虚拟化技术,提供了更高的计算、存储和网络性能,同时保障了数据安全和隐私保护。 云耀云服务器L实例官网:https://www.huaweicloud.co

    2024年01月21日
    浏览(58)
  • linux 服务器利用宝塔面板部署.net 6(.net core)服务端程序图文步骤

    随着.net core 跨平台技术的兴起,微软.net拥抱云原生,支持跨平台,可以使基于.net core技术的服务端程序轻松移植到基于Linux的云服务器上,本文以图文的方式介绍如何利用阿里云轻量应用服务器安装宝塔面板部署基于.net core的后端服务器接口程序并正常运行。 步骤 准备一台

    2024年02月14日
    浏览(62)
  • 华为云云耀云服务器L实例评测|华为云云耀云服务器L实例购买及宝塔面板详细部署

    随着云计算时代的进一步深入,越来越多的中小企业企业与开发者需要一款简单易用、高能高效的云计算基础设施产品来支撑自身业务运营和创新开发。华为云焕新推出的云耀云服务器L实例,正是满足企业和开发者需求的完美选择。 提示:以下是本篇文章正文内容,下面案

    2024年02月08日
    浏览(70)
  • PHP操作宝塔面板Api,宝塔服务器搭建,API接口使用教程

    最近两个月都在写Bty项目,所以收集了很多很多宝塔常用到的一些Api接口,官方文档虽然写了一点,但是始终是不怎么全的,下面我们来看看宝塔面板的接口如何抓取 接口抓取 1、登录宝塔面板 2、找到自己想要的功能 3、f12打开审查元素(控制台)切换到Network选项卡 上面的

    2024年02月06日
    浏览(55)
  • 如何使用宝塔面板搭建网站(Linux服务器配置篇)

    搭建网站我们需要: 必须是Linux服务器 (最低要求配置1核1G当然再低些也能运行但是不建议) 自己的域名(可以去阿里云或者腾讯云了解) PHP项目   此处展示的是华为云服务器 (各个服务器的购买和使用差别不大,这里提供参考) 登录之后点击控制台  点击右上角的搜索

    2024年02月07日
    浏览(73)
  • 华为云云耀云服务器L实例评测|使用宝塔面板管理服务器教学

    目录 一、概述 1.1 华为云云耀云服务器L实例 1.2 BT(宝塔) 1.3 资源和成本规划 二、购买云耀云服务器L实例并进行相关配置 2.1 购买云耀云服务器L实例 2.2 设置服务器密码 2.3 配置安全组 2.4 设置Nginx安全级别 三、初始化宝塔面板 3.1 获取密码 3.2 登录宝塔Linux面板 3.3 安装基础

    2024年02月09日
    浏览(54)
  • 阿里云服务器配置+使用宝塔面板+不用安装Xshell或其他软件

    目录 阿里云服务器配置 宝塔配置 这里暂且默认已你已经买过服务器了 1 百度搜索阿里云并登录    2 完成后点击控制台   3 进入控制台后,点击资产管理,点击实例 4  点击实例的具体名称  5 点击网络与安全中的安全组,并点击配置规则 6 进入安全组后,点击入方向下的

    2024年02月02日
    浏览(54)
  • 华为云云耀云服务器L实例评测|使用宝塔面板管理服务器,并搭建个人博客网站

    作者简介:一名云计算网络运维人员、每天分享网络与运维的技术与干货。  公众号:网络豆  座右铭:低头赶路,敬事如仪 个人主页: 网络豆的主页​​​​​ 目录  前言 介绍: 一.购买使用华为云云耀服务器 二. 使用宝塔面板管理服务器 1. 初始化宝塔面板 管理日志

    2024年02月09日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包