宝塔面板部署Vue项目、服务端Node___配置域名

简介: 本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。

首先我们新建一个express服务、新建一个Vue项目

vue配合axios连接express搭建的node服务器接口_简单案例

阿里云

这里使用阿里云服务器,我们配置好自己的账号密码后,使用ssh链接到我们的Linux,下载我们的宝塔工具。安装宝塔命令
因为我们使用的是Centos;
Centos安装脚本

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

就可以了
然后我们可以配置它的各种默认信息
宝塔工具箱(包含下列绝大部分功能 直接ssh中执行bt命令 仅限6.x以上版本面板)

bt

在这里插入图片描述
输入对应的编号改变对应的配置;
设置面板用户名、密码;
这个时候我们就可以通过ip加端口号/login 登录我们的面板了。
在这里插入图片描述
首先我们再软件商店下载我们需要的pm2 nginx pm2主要是用来启动node项目,nginx为了反向代理加域名。
在这里插入图片描述
这个时候我们需要将我们的项目上传到面板中,点击文件进行上传
在这里插入图片描述
在这里插入图片描述
确认上传成功后,继续来到我们的软件管理,找已经下载的文件点击pm2的设置
在这里插入图片描述
这个时候我们的node服务已经运行在了3000端口;
在这里插入图片描述
在这里插入图片描述
我们在url上获取服务端的一个get请求
在这里插入图片描述
这个时候说明我们的node服务部署服务器成功~

Vue打包

下面的任务就是打包我们的Vue项目,然后上传服务器。

npm run build

将我们的dist包上传到/www下
在这里插入图片描述
点击网站,添加站点
在这里插入图片描述
填写自己的域名,选取自己的dist包
在这里插入图片描述
不写端口号默认80端口
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个时候我们需要将
在这里插入图片描述
完毕,因为我们的接口都是以 /api开头的所以需要配置一下代理

如果

如果我们项目已经运行了没有添加域名,我们可以新建站点,然后添加反向代理
在这里插入图片描述
需要代理的url直接填写上即可~

目录
相关文章
|
域名解析 应用服务中间件 Shell
使用nps配置内网穿透加域名解析
使用nps配置内网穿透加域名解析
1385 77
|
网络协议
【Azure App Service】App Service 如何配置私网域名以及证书呢?
本文解答了关于 Azure App Service 如何配置私网域名及证书的问题。App Service 不支持私网域名,自定义域名需配置在公共 DNS 服务器上。文章引用官方文档详细说明了映射自定义 DNS 的步骤,并附带参考资料链接,帮助用户深入了解相关配置方法。
443 6
|
JavaScript 安全 前端开发
关于Node.js,一定要学这个10+万Star项目 !!
一篇关于Node.js的宝藏项目——Node.js Best Practices。该项目在GitHub上已有102k Star,汇集了100+条最佳实践,涵盖架构、安全、性能等多方面。每条实践不仅有简明说明和详细解释,还附带代码示例及资源链接。文中通过三个实战案例(利用CPU多核、避免阻塞事件循环、使用中间件处理错误)展示了其实际应用价值,并推荐了几条对前端转Node.js开发者特别有用的最佳实践。强烈建议每位Node.js开发者学习此项目,理解“怎么做”与“为什么要这么做”,以提升开发能力。
535 3
|
域名解析 监控 网络协议
slb配置域名注意事项
slb配置域名注意事项
472 11
|
域名解析 监控 安全
slb配置检查域名说明注意事项
slb配置检查域名说明注意事项
432 5
|
负载均衡 安全 网络安全
slb配置健康检查域名
slb配置健康检查域名
397 4
|
负载均衡 应用服务中间件
slb何时需要配置健康检查域名
slb何时需要配置健康检查域名
344 3
|
开发框架 JavaScript 前端开发
Node.js日记:客户端和服务端介绍、Node.js介绍
Node.js日记:客户端和服务端介绍、Node.js介绍
|
SQL JavaScript 关系型数据库
node博客小项目:接口开发、连接mysql数据库
【10月更文挑战第14天】node博客小项目:接口开发、连接mysql数据库
|
安全 应用服务中间件 Shell
nginx配置https的ssl证书和域名
nginx配置https的ssl证书和域名