1 去阿里云申请服务器
首先登录阿里云,搜索服务器esc 选择免费试用 选择 centos 选择一台服务器
然后进入服务器控制台,点击概况 选择重置密码 修改root用户密码 用户名为root 不建议修改
点击远程连接 输入自己的密码
输入命令安装宝塔面板
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh 12f2c1d72
安装成功弹出宝塔账号和密码,外网地址 保存这三个信息,点击外网地址,进入宝塔面板
注册账号,然后返回宝塔 进行绑定
开发安全组 协议选择 TCP 端口是外网地址 的ip地址后的端口 以及常用端口 如
80(浏览器http 默认端口) 3000(node端口) 27017 (mongDb) 443 (https默认端口)
2 配置宝塔面板
数据库选择 mongoDB 去宝塔左侧导航栏,点击软件商店 搜索mongoDB 快速安装
配置mongoDB 配置文件将 127.0.0.1 改为 0.0.0.0 disable 改成 enable
点击数据库 选择 mongoDB 开启安全认证 设置root密码
选择远程服务器,添加远程服务器 服务器地址就是宝塔左侧数字
3 配置 node版本管理器 对后端进行上线
下载 node版本管理器 之后选择版本进行下载 一定要选择命令行版本
将本地node文件的 node_modules删除
点击宝塔面板左侧文件 进入 www/wwwroot 点击上传按钮 将本地node文件夹上传
在宝塔 点击上传后的文件夹, 点击上面的终端 运行命名 npm i
继续运行命令 pm2 start bin/www pm2 logs 查看执行结果
通过服务器ip+:3000在浏览器 访问 正常访问 表示后端代码访问成功
4 前端代码的上线和打包
首先将 localhost/ 127.0.0.1 改为 服务器 ip 前端在编写开发时,最好进行axios的封装
然后npm run build 对vu的项目 进行打包
点击宝塔面板左侧文件 进入 www/wwwroot 点击上传按钮 将本地打包后产生的文件夹
dist 文件夹上传
点击网站 选择 nginx 快速安装 等待安装成功 首次安装 可能时间较长 等待一段时间
安装成功后 选择 php 创建网站 域名是自己的服务器 ip
点开网站设置 点击网站目录 选择刚刚上传的 dist文件夹的目录
用自己的服务器ip在浏览器进行访问
扫描文章封面二维码可以访问我服务器的md文档 提取码1234
标签:node,宝塔,vue,express,端口,选择,点击,服务器 From: https://blog.csdn.net/2301_80044589/article/details/139192016