JAVA和Nginx 教程大全

网站首页 > 精选教程 正文

15分钟将Vue项目部署到云服务器,使用宝塔面板

wys521 2024-10-08 11:35:27 精选教程 35 ℃ 0 评论

宝塔面板是一个高效的服务器运维面板。
在使用之前,将项目部署到云服务器[Linux系统],需要手工输入命令安装各类软件,操作起来费时费力并且容易出错,而且需要记住很多Linux的命令,非常复杂。
使用宝塔面板可以非常方便的管理服务器,使用按键替代以前复杂繁多命令,且操作简单。对新手来说,免费版就能解决绝大部份的问题。
网址:https://www.bt.cn/new/index.html

安装宝塔面板

在线安装,打开宝塔网站

注意事项

安装前请确保是 【全新的机器】 ,没有安装其他任何环境,否则会影响您的业务使用!

更多请查看右边的注意事项

等待自动安装完成(大概10分钟),安装成功后将返回面板登录信息,注意保存

如何查看公网IP,以阿里云为例子。

登录阿里云 > 概述 > 我的资源 > 云服务器ECS[点击] > 实例与镜像 > 实例[点击]

在服务器上建立网站

一 登录面板

在浏览器中输入面板地址(安装成功后返回的面板地址),如果打不开,可能需要到云服务器的安全组中放行8888端口。

使用账号和密码登录(安装成功后返回的账号和密码)。

二 安装Nginx和PHP

在面板左边菜栏点[软件商店],搜索应用进行安装。

三 建立PHP站点

网站 > PHP项目 > 添加站点

编译Vue项目 npm run build,在项目目录下生成 ./dist 目录,将./dist目录上传到刚创建的站点中。

配置

服务器放行端口

安全(宝塔面板) > 添加端口规则

云安全组放行端口,阿里云为例

阿里云 > 概述 > 我的资源 > 云服务器ECS[点击] > 网络与安全 > 安全组[点击]

如果是域名访问需要添加域名解析,还是以阿里云为例

阿里云 > 概述 > 我的资源 > 域名[点击] > 全部域名下的数字,进入域名列表,在对应的域名点解析。

注意:要解析域名,最好先要域名备案

在浏览器中输入域名或公网IP:端口就可以访问页面了。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表