宝塔面板部署前端项目到云服务器教程

已于 2023-08-23 14:53:33 修改
阅读量332 收藏 1
点赞数
分类专栏： 云服务器
于 2022-12-20 10:27:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52116878/article/details/128380960
版权

腾讯云 服务器控制台 宝塔面板 域名配置 端口开放
关键词由CSDN通过智能技术生成

进入腾讯云服务器控制台（其他品牌服务器同理）

打开控制台
在这里插入图片描述

打开对应的服务器
在这里插入图片描述

点击登录
在这里插入图片描述
在新弹出的页面点击登录，会进入如下页面
在这里插入图片描述
在此输入以下命令：

sudo -i

bt

bt 14

复制给出的“外网面板地址”到浏览器搜索即可进入宝塔面板

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加完了后把最开始设置的域名删掉

剩下的就是去服务器那里开放刚才设置的端口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后http://+服务器公网IP地址+:+端口号就可以访问工程

Jay Yang.
关注
专栏目录
使用宝塔分分钟部署前端项目_宝塔面包自动部署前端
2401_84433570的博客
05-01 162
域名/文件夹名。
使用宝塔面板部署VUE项目到服务器
德发大陆
03-21 1878
1、在Vue项目中的index.js文件中配置好路径 2、提前将需要使用到的端口放行 3、正式部署 （1）、无域名部署 i、安装nginx并启动 ii、然后就这样 （2）、有域名部署 #解决后端api没有代理到的问题直接访问到本服务器ip的问题 location /api{ rewrite ^/api/(.*)$ /$1 break; proxy_pass http://ip:端口号; #后端接口api ind
如何利用宝塔在阿里云服务器部署JavaWeb项目
执手天涯@的博客
10-12 1055
如何利用宝塔在阿里云服务器部署JavaWeb项目 【云ECS】部署教程可参考以下视频教程：https://www.bilibili.com/video/BV1DC4y1h7CS?p=4 1、前期准备 【1】、已经购买好的阿里云服务器（这里讲解的阿里云轻量型应用服务器） 【2】、云ECS服务器基本原理一至 【3】、可以购买域名、也可以不需要购买域名 【4】、一个可以本地运行的javaweb项目 2、登录阿里云控制台 地址：https://www.aliyun.com/ 【1】、登录成功 【2】、点击控制台页
宝塔上线前后端项目操作
月亮被咬碎成星星的博客
01-29 3006
腾讯云宝塔部署项目保姆级教学
宝塔前后端搭建
ZJQ的博客
07-21 1913
目录 宝塔前后端搭建 最终网站 远程接口访问​ 本地接口访问​ 宝塔建网站数据库 上传jar 和vue 或者html界面​ 建立数据库​ navicate 连接远程mysql 配置nginx 站点启用tomcat，没有安装需要安装 配置 spring boot jar包 宝塔查询数据库登录 宝塔查询数据库查询 ​ idea 打jar包失败 Failed to execute goal org.mybatis.generator:mybatis-generato...
手把手带用宝塔面板发布前端项目
JIANYMN的博客
11-13 629
噫吁嚱，全栈之难，难于上青天。万丈高楼平地起，学习还得靠自己，同志们，盘一盘，今天让我们从一个服务器开始，发布我们的一个前端项目，他讲让你快速拥有一个自己的服务器和自己专属页面，以及后续的nodejs后台，甚至go，java后台服务
使用宝塔面板部署前端项目到服务器
m0_62476845的博客
12-22 4006
在此之前，我们已经创建了宝塔面板账号、拥有了一台服务器。现在，我们想让我们的前端能够像阿里巴巴、淘宝等网站那样被别人访问，那么我们应该在宝塔面板上面怎样做呢？一、第一步：创建文件夹1、打开我们的宝塔面板后，我们会看到左侧有一列目录，点击里面的文件。2、点击在根目录下名叫www的文件夹3、点击里面叫wwwroot的文件夹4、在里面随便创建一个文件夹准备放入我们的前端代码5、放入我们的前端代码二、第二步：部署前端项目1、在宝塔面板的左侧有个叫网站的名字，点进去并选择node项目。
宝塔部署前端项目
小蚂蚁的博客
09-23 3115
因为我的是纯前端项目，所以只需要安装nginx即可。注意，项目执行文件，就是服务器中的/www/server/nginx/html /index.html ，执行命令会自动生成，项目名称随便写，其中设置项目真实端口的时候可能不让设置80，可暂时设置其他，提交以后可以修改成80。2.在服务器上安装完宝塔以后，登陆宝塔面板，通过文件功能把项目的所有文件上传到服务器的以下目录，/www/server/nginx/html , 通常项目的默认入口文件是index.html,不做特殊处理。该项目部署的步骤如下。
阿里云 + 宝塔面板部署项目保姆级教程
qq_45770253的博客
12-03 3330
这篇文章我将讲解一下阿里云+宝塔面板，如何部署一个项目 文章目录1、阿里云这边的配置 1、阿里云这边的配置 首先打开阿里云的控制台 点击左上角的橙色按钮，然后找到里面的云服务器 ECS选项 ...
阿里云服务器+宝塔面板+xshell+本地项目部署到服务器（ruoyi）（java）
最新发布
weixin_60170500的博客
07-19 742
宝塔面板下载，免费全能的服务器运维软件。
宝塔面板部署前后端分离项目，前后端分离项目Nginx域名配置
大河之犬的博客
02-21 2106
如果是云服务器申请的证书，选择当前证书配置即可，填入自己的证书的密钥KEY和证书PEM格式（可以开启强制HTTPS，这样将无法使用HTTP模式访问你的网站了）宝塔网站管理页添加一个PHP项目，按照如下进行配置：（域名，为域名添加解析，项目备注，前端项目所在位置，PHP版本选择静态即可）在腾讯云防火墙管理中开启SpringBoot后端项目的端口，以便前端项目可以进行访问。大功告成，现在用https的方式访问你的域名，应该可以看到你的前端项目了！加具体的后端路径，就可以转发到后端项目进行解析返回了！
Vue项目+宝塔面板部署网站进行线上访问
m0_57945629的博客
05-12 5201
一、首先搭建宝塔环境 推荐参考：https://blog.csdn.net/hyy1206317124/article/details/80584276?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162082248216780269866653%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=1620822482167802698
搭建一个SpringCloud项目
qheuwq的博客
06-13 462
搭建springcloud项目
Web前端--HTML+CSS+JS新型冠状病毒射击小游戏_js射击小游戏源码
2401_84434331的博客
04-27 999
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
使用宝塔面板部署前端网站
weixin_43239880的博客
03-13 2729
添加一个38760的入口（为什么是38760而不是其他的，你要看上面宝塔外网ip的端口号，我的是38760，但是你起的可能是其他的，所以你要注意），其他选择如图。这里的ip地址（公）就是待会你要连接的服务器的ip地址，也是别人访问你网站的地址，可以注意一下。然后你就能找到你的服务器了，其中最重要的就是实例（管理你的服务器状态）和安全组（控制可访问该服务器的端口号）在登录到首页的时候，宝塔会提示你安装环境，你就直接选择左边的一键安装就ok了。在浏览器中输入你阿里云对公ip，就能访问到你的网站啦！
手摸手带你用宝塔部署前端项目。
weixin_43330752的博客
02-24 4939
宝塔Linux面板是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。 有30个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。运维要高效，装宝塔。 本文使用阿里云服务器，其他服务器部署流程也大同小异。 一:首先购买一台云服务器。 这里操作系统我选择的是CentOS 7.5 ，此处需要注意，CentOs8+下载宝塔会有问题。 并且进行重置服务器密码操...
使用宝塔Linux面板上传java SpringBoot后端项目至云服务器
weilaaer的博客
10-26 1511
下面选择高级模式和开机自启动然后点击确认即可看到状态为已启动状态即springboot项目上传成功。但是这是我们要访问该项目后端地址是访问不到的。（不信可以试试，嘿嘿）
一三五、服务器部署Node项目、Vue spa静态项目、ssr项目
梅某某
10-28 1514
部署ssr的时候，因为ssr项目是启一个node服务，配置nginx的时候proxy_pass一直监听的是开发环境的端口，一直访问不了，后端发现端口不对，所以在nuxt.config.js 需要配置server的port、host，建议和开发环境的端口保持一直，减少心智负担😭。到服务器后台 防火墙>添加规则 填写自己的端口 确定 （顺便把mysql web要使用的端口也添加）部署后访问不了，一直以为是代码或者部署流程的原因，后来发现是防火墙端口没开启😭。我学习使用，买的腾讯轻量应用服务器￥198 4年。
将前端vue项目部署到服务器上（详细教程&各种bug解决办法）
wyhvivi的博客
12-22 3588
将前端vue项目部署到服务器上（详细教程&各种bug解决办法） 解决打包后页面空白，无法访问宝塔界面等问题，部署后页面500的问题。
宝塔面板部署宏之博教务系统教程
"本文将介绍如何使用宝塔面板进行教务系统的前端与后端部署，包括前端UI的配置、数据库的准备以及Java项目的部署。" 在教务系统部署过程中，宝塔面板是一款常用且便捷的Linux服务器管理工具，它简化了网站及应用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值