node和前端项目宝塔部署

news2024/11/23 15:40:40

首先需要一台服务器

购买渠道:阿里云、腾讯云、百度云、华为云

一、以阿里云为例 购买esc

可临时购买测试服务器

二、安装宝塔

复制公网ip地址 通过Xshell 进行账号密码的连接

连接后访问宝塔官网 宝塔面板下载,免费全能的服务器运维软件

找到自己购买时的系统进行安装

把命令输入到 Xshell 或其他工具中 等待安装 安装后会出现 一个宝塔的地址和账号密码 可进行访问

三、宝塔操作

1.导入数据库

1.软件商店找到自己的数据库、mysql/mongodb

点击设置修改MongoDB配置

bindIp 由127.0.0.1改为0.0.0.0,放开ip限制

authorization 默认disabled,如需要权限验证改为enabled

之后访问ip+端口就可以看到mongodb启动成功了

It looks like you are trying to access MongoDB over HTTP on the native driver port.

2.可找到自己的数据库进行导入之前的数据

导入后可设置账号密码 之后代码需要进行连接

2.运行node服务

把服务端项目进行导入

可以提前把nodemodules进行删除 移动进来后 通过安装node 在 npm i

找到连接数据库的代码

mongoose.connect("mongodb://账号:密码@ip:端口/数据库名称")

导入后要写一段代码进行端口运行监听,

const serve_ip = 8889;
const serve_port = 8889;
const port = serve_port;
app.listen(port, () => {
  console.log(`http://${serve_ip}:${port}`);
})

记得 在宝塔和阿里云开启8889端口 (所有用到的端口都需要开启)

阿里云去安全组里面添加自定义端口

之后可以运行npm start 把下面跑起来 就可以进行访问了 就可以通过http进行访问自己的服务

3.pm2托管

软件商店 安装 pm2 进行添加项目

启动文件 以自己的为准,我这个项目是以www为准的进行启动的

点击保存就可以了

如果运行有错误 可以查看日志

之后就可以一直挂起了,如果有改动 需要重启服务器

四、部署前端

前端目前可以直接打包 以/api的形式 因为前端可以在开发中解决 部署后需要后端让nginx代理解决

打包后把dist文件放入目录中

1.添加站点

把自己的ip地址添加进去,默认就是80 不需要处理

和根目录的文件的dist 会自动匹配index文件

设置对应的网站目录

之后要在配置文件中添加 解决跨域 和刷新404问题

主要是处理前端使用代理 跨域 前端不需要修改路径 例如api开头

 # nginx 跨域代理
    location ^~/api/ {
        proxy_pass ip:8889/;
    }

    # nginx 解决history路由刷新  404代理
    location / {
        try_files $uri $uri/ @router;
        index index.html;
    }

    location @router {
      rewrite ^.*$ /index.html last;
    }

node代码解决跨域:

app.all('*', function (req, res, next) {
	res.header("Access-Control-Allow-Origin", "*");
	res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
	res.header("Access-Control-Allow-Headers", "X-Requested-With");
	res.header('Access-Control-Allow-Headers', ['mytoken','Content-Type']);
	next();
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/923522.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

jenkins Linux如何修改jenkins 默认的工作空间workspace

由于jenkins默认存放数据的目录是/var/lib/jenkins,一般这个var目录的磁盘空间很小的,就几十G,所以需要修改jenkins的默认工作空间workspace 环境 jenkins使用yum安装的 centos 7 正题 1 查看jenkins安装路径 [rootlocalhost jenkins_old_data]# rpm…

二叉树题目:二叉树的层序遍历 II

文章目录 题目标题和出处难度题目描述要求示例数据范围 解法思路和算法代码复杂度分析 题目 标题和出处 标题:二叉树的层序遍历 II 出处:107. 二叉树的层序遍历 II 难度 4 级 题目描述 要求 给你二叉树的根结点 root \texttt{root} root&#x…

shopee开店前期要怎么做!新手必须知道的小技巧

在shopee开店前期可以先做以下准备: 1.shopee开店前精准定位 确定目标人群:做店铺定位离不开目标人群需求,人群定位解决的是产品卖给谁的问题,这就需要了解客户群体的各方面信息。加之,Shopee平台作为东南亚土生土长的…

Docker容器学习:搭建私有镜像仓库Harbor

系统环境: Centos7.9Docker-ce:24 安装Docker-Compose curl -L "https://github.com/docker/compose/releases/download/v2.20.3/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose添加执行权限并验证 [rootnode4 ~]# chmod…

dolphinschedule配置企微告警服务(WeChat群组)

一、前置说明 ds配置好工作流后,比较重要的一个就是上线后的监控报警服务,如果你是基于企微作为协同办公的,WeChat群组预警必须是要安排上的,文章基于自建应用配合群组方式构建预警群,接入后,任务成功或者…

多线程与高并发——并发编程(1)

文章目录 并发编程一、线程的基本概念1 基础概念1.1 进程和线程1.2 多线程1.3 串行、并行、并发1.4 同步异步、阻塞非阻塞 2 线程的创建2.1 继承Thread类,重写run方法2.2 实现Runnable接口,实现run方法2.3 实现Callable接口,实现call方法&…

Spring Boot+Atomikos进行多数据源的分布式事务管理详解和实例

文章目录 0.前言1.参考文档2.基础介绍3.步骤1. 添加依赖到你的pom.xml文件:2. 配置数据源及其对应的JPA实体管理器和事务管理器:3. Spring BootMyBatis集成Atomikos4. 在application.properties文件中配置数据源和JPA属性: 4.使用示例5.底层原理 0.前言 背景&#x…

漏洞复现 || SXF应用交付系统RCE(0Day)

漏洞描述 SXF应用交付管理系统login存在远程命令执行漏洞,攻击者通过漏洞可以获取服务器权限,执行任意命令。 免责声明 技术文章仅供参考,任何个人和组织使用网络应当遵守宪法法律,遵守公共秩序,尊重社会公德&#…

【Linux】ctime、mtime、atime

/etc/fstab中的noatime noatimedir 挂载选项linux下文件的ctime、mtime、atime一、/etc/fstab /etc/fstab是用来存放文件系统的静态信息的文件。 系统开机时会主动读取/etc/fstab这个文件中的内容,根据文件里面的配置挂载磁盘。这样我们只需要将磁盘的挂载信息写入这个文件中…

libevent源码学习3---事件event

libevent源码学习3—事件event libevent 的基本操作单元是事件。每个事件代表一组条件的集合, 这些条件包括: 文件描述符已经就绪, 可以读取或者写入文件描述符变为就绪状态,可以读取或者写入(仅对于边沿触发 IO)超时事件发生某信号用户触发事件 所有事件具有相似的生命周期。…

C++ string 类

文章目录 引用头文件初始化赋值1. 空串2. 拷贝复制3. 直接初始化赋值4. 单个字符初始化 遍历 string 类1. 下标索引遍历2. 迭代器遍历3. 使用 range for 循环遍历字符串(需要 C11 或更新的版本) string 常用方法判断字符串是否为空串获取字符串中字符个数…

Mysql简短又易懂

MySql 连接池:的两个参数 最大连接数:可以同时发起的最大连接数 单次最大数据报文:接受数据报文的最大长度 数据库如何存储数据 存储引擎: InnoDB:通过执行器对内存和磁盘的数据进行写入和读出 优化SQL语句innoDB会把需要写入或者更新的数…

FFI绕过disable_functions

文章目录 FFI绕过disable_functions[RCTF 2019]NextphpPHP7.4 FFI参考 FFI绕过disable_functions [RCTF 2019]Nextphp 首先来看这道题目 index.php <?php if (isset($_GET[a])) {eval($_GET[a]); } else {show_source(__FILE__); }查看一下phpinfo 发现过滤了很多函数&…

如何高效管理生产物料?

导 读 ( 文/ 2358 ) 所谓巧妇难为无米之炊&#xff0c;物料是生产过程的必需品&#xff0c;确保物料及时到料尤为关键&#xff0c;但堆积过多的物料库存将导致不必要的成本挤压。做好生产物料管理是门技术活&#xff0c;它的目标是确保所需的物料按时提供给生产线&#xff0c;以…

嘉立创EDA设计学习笔记1:开发环境下载与熟悉

今日开始尝试自己学习绘制PCB开发板&#xff0c;使得以后的学习小项目制作的成品不再受外形大小与他人布线的限制&#xff0c;用的软件是嘉立创EDA设计软件&#xff0c;这样直接布线检查与下单&#xff0c;十分方便。 嘉立创EDA设计软件下载&#xff1a; 首先上网址&#xff0…

【IMX6ULL驱动开发学习】09.Linux之I2C框架简介和驱动程序模板

参考&#xff1a;Linux之I2C驱动_linux i2c驱动_风间琉璃•的博客-CSDN博客​​​​​​ 目录 一、I2C驱动框架简介 1.1 I2C总线驱动 1.2 I2C设备驱动 二、I2C总线-设备-驱动模型 2.1 i2c_driver 2.2 i2c_client 2.3 I2C 设备数据收发和处理 三、Linux I2C驱动程序模板…

redis常用五种数据类型详解

目录 前言&#xff1a; string 相关命令 内部编码 应用场景 hash 相关命令 内部编码 应用场景 list 相关命令 内部编码 应用场景 set 相关命令 内部编码 应用场景 Zset 相关命令 内部编码 应用场景 渐进式遍历 前言&#xff1a; redis有多种数据类型&…

Java实现一个简单的图书管理系统(内有源码)

简介 哈喽哈喽大家好啊&#xff0c;之前作者也是讲了Java不少的知识点了&#xff0c;为了巩固之前的知识点再为了让我们深入Java面向对象这一基本特性&#xff0c;就让我们完成一个图书管理系统的小项目吧。 项目简介&#xff1a;通过管理员和普通用户的两种操作界面&#xff0…

【网络安全】防火墙知识点全面图解(三)

本系列文章包含&#xff1a; 【网络安全】防火墙知识点全面图解&#xff08;一&#xff09;【网络安全】防火墙知识点全面图解&#xff08;二&#xff09;【网络安全】防火墙知识点全面图解&#xff08;三&#xff09; 防火墙知识点全面图解&#xff08;三&#xff09; 39、什…

生成式人工智能的潜在有害影响与未来之路(二)

利润高于隐私&#xff1a;不透明数据收集增加 背景和风险 生成型人工智能工具建立在各种大型、复杂的机器学习模型之上&#xff0c;这些模型需要大量的训练数据才能发挥作用。对于像ChatGPT这样的工具&#xff0c;数据包括从互联网上抓取的文本。对于像Lensa或Stable Diffusi…