首页 > 编程语言 >震惊 vue+express创建的node上线竟然如此简单!

震惊 vue+express创建的node上线竟然如此简单!

时间:2024-05-26 18:58:13浏览次数:17  
标签:node 宝塔 vue express 端口 选择 点击 服务器

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

相关文章

  • 风控图算法Graph Embedding(DeepWalk&Node2Vec)代码实现
    风控图算法GraphEmbedding(DeepWalk&Node2Vec)代码实现在上一篇中我们简单介绍了常用的GraphEmbedding算法,今天来对其中较为常用的两种算法——DeepWalk和Node2Vec进行python代码实现。文章目录风控图算法GraphEmbedding(DeepWalk&Node2Vec)代码实现一、KarateClub算......
  • 关于Vue弹框组件this.$confirm
    确定后不能刷新页面列表show_tank(record){varthat=thisthis.$confirm({title:'您确定要选择吗?',content:'选择后不可修改',closable:true,//是否显示右上角的xmaskClosable:true,//触发阴影层的点击......
  • Vue3源码解析--收集的依赖是什么?怎么收集的?什么时候收集的?
    从Vue开始较大范围在前端应用开始,关于Vue一些基础知识的讨论和面试问题就在开发圈子里基本上就跟前几年的股票和基金一样,楼下摆摊卖酱香饼的阿姨都能说上几句那种。找过前端开发工作或者正在找开发工作的前端都知道,面试官基本上都有那么几个常问的问题,而网上呢也有那么一套可以用......
  • 【wiki知识库】01.wiki知识库前后端项目搭建(SpringBoot+Vue3)
      ......
  • angular、node、npm版本对应
    升级node到指定版本利用nvm切换node版本https://blog.csdn.net/MmQqJj66/article/details/133942977angular卸载与安装https://blog.csdn.net/zf2451597310/article/details/129989137 ......
  • 深度解读速卖通aliexpress.item_review API评论数据
    速卖通(AliExpress)是一个全球知名的跨境电商平台,它提供了各种API接口供开发者使用,以获取平台上的数据。其中,item_review API可能是指用于获取商品评论的API(请注意,实际的API接口名称和参数可能会根据速卖通平台的更新而有所变化)。在深度解读这个API时,我们需要考虑以下几个方面......
  • 【计算机毕业设计】基于SSM+Vue的校园美食交流系统【源码+lw+部署文档】
    目录前 言第1章概述1.1研究背景1.2研究目的1.3研究内容      第二章开发技术介绍2.1Java技术2.2Mysql数据库2.3B/S结构2.4SSM框架第三章系统分析3.1可行性分析3.1.1 技术可行性3.1.2经济可行性3.1.3操作可行性3.2系统性能分析3.3......
  • 【计算机毕业设计】基于SSM+Vue的新能源汽车在线租赁管理系统【源码+lw+部署文档】
    摘 要随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,新能源汽车在线租赁当然也不能排除在外。新能源汽车在线租赁是以实际运用为开发背景,运用软件工程开发方法,采用SSM技术构建的一个管理系统。整个开发过程首先......
  • 使用树梅派搭建Golang、Python、NodeJs的开发服务器
    使用树梅派搭建Golang、Python、NodeJs的开发服务器安装系统安装rpi-imagersudoaptinstallrpi-imager打开rpi-imager烧写RaspberryPiOSLite(64-bit)系统设置好用户名、密码、wifi、ssh等信息上电修改镜像源备份/etc/apt/sources.listsudocp/etc/apt......
  • Vue3实战笔记(45)—VUE3封装一些echarts常用的组件,附源码
    文章目录前言一、柱状图框选二、折线图堆叠总结前言日前使用hooks的方式封装组件,在我使用复杂的图标时候遇到了些问题,预想在onMounted中初始化echarts,在使用hooks的时候,组件没有渲染完,使用实例会出现各种各样的问题,并且在hooks中使用一些外部属性也属实遇到了些麻烦......