宝塔面板部署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直接填写上即可~

目录
相关文章
|
域名解析 弹性计算 应用服务中间件
使用域名访问部署在ECS上的网站
本文为您介绍如何为网站配置域名并为域名配置HTTPS证书。
|
负载均衡 网络协议 安全
slb多站点或多域名部署
slb多站点或多域名部署
594 4
|
开发框架 JavaScript 前端开发
Node.js日记:客户端和服务端介绍、Node.js介绍
Node.js日记:客户端和服务端介绍、Node.js介绍
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
JSON 数据格式 Docker
node项目构建docker镜像
node项目构建docker镜像
2234 0
node项目构建docker镜像
|
12月前
|
JavaScript Unix Linux
nvm与node.js的安装指南
通过以上步骤,你可以在各种操作系统上成功安装NVM和Node.js,从而在不同的项目中灵活切换Node.js版本。这种灵活性对于管理不同项目的环境依赖而言是非常重要的。
3657 11
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
1280 155
|
弹性计算 JavaScript 前端开发
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
Node.js 是一种高效的 JavaScript 运行环境,基于 Chrome V8 引擎,支持在服务器端运行 JavaScript 代码。本文介绍如何在阿里云上一键部署 Node.js 环境,无需繁琐配置,轻松上手。前提条件包括 ECS 实例运行中且操作系统为 CentOS、Ubuntu 等。功能特点为一键安装和稳定性好,支持常用 LTS 版本。安装步骤简单:登录阿里云控制台,选择扩展程序管理页面,安装 Node.js 扩展,选择实例和版本,等待创建完成并验证安装成功。通过阿里云的公共扩展,初学者和经验丰富的开发者都能快速进入开发状态,开启高效开发之旅。
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
15455 23
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
1073 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡