一个 基于nuxt3 + vite + ts 搭建的 网盘服务 (附带部署教程)

目录

  • 介绍
    • 技术选型
    • 功能介绍
    • 代码地址
    • 部署
      • 安装 node 环境
      • 打包代码
      • 安装 pm2 去 后台运行代码
      • 安装一个nginx

介绍

最近 有个卖课的朋友 谈到 网盘没有目录分享的功能,我之前嫖了他太多课了,出于感激给他写个小服务。
在线地址: http://godboxs.cn

技术选型

由于涉及到 后端转发接口到网盘,防止出现跨域,以及便于扩展。需要一个node bff 层服务。
开始准备 前后端 弄2套代码,感觉太麻烦了,并且功能也很简单。于是考虑直接 nuxtjs 一把梭

功能介绍

在这里插入图片描述

代码地址

https://github.com/duKD/cloud-store

部署

准备一个 linux 云服务器

安装 node 环境


推荐 18.0+

打包代码

npm run build 得到 .output 文件夹上传到 linux 服务器上

安装 pm2 去 后台运行代码

npm install -g pm2

启动 nuxt 服务

pm2 start ./解压目录/server/index.mjs

在这里插入图片描述

安装一个nginx

需要nginx 做一个 反向代理工作

这里我是使用 docker 安装的 ng

安装docker 的步骤我就不写了。

下载不下来 使用 阿里的源

docker pull nginx// 先启动 一个 初始化的 nginx 
docker run --name nginx  -p 80:80  -d  nginx// 我们需要拷贝 初始化的配置文件docker container cp nginx:/etc/nginx  /你的目录 (/etc/cloud)

在这里插入图片描述

再使用 docker stop [containerId]docker rm [containerId]
删除容器服务再 在 /etc/cloud 下创建 logs 的目录 

在这里插入图片描述
重写启动 挂载 配置文件 和 log

 docker run --name c-nginx  -p 80:80   -v /etc/cloud/nginx:/etc/nginx -v /etc/cloud/logs:/var/log/nginx   -d  nginx

测试访问 80端口

在这里插入图片描述
正常

再配置 下 代理 将 80 端口的的请求 转发到 3000 端口
在这里插入图片描述

注意:dcoker 配置的 nginx 代理地址需要写 宿主机 内网ip , 宿主机的 nginx 代理地址 写 127.0.0.1 即可

最后重新启动 nginx ,完成部署!

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

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

相关文章

【ffmpeg命令】RTMP推流

文章目录 前言推流是什么RTMP协议简介RTMP的基本概念RTMP的工作原理RTMP的优缺点 ffmpeg RTMP推流推流命令综合解释ffplay播放RTMP流 总结 前言 在现代的视频直播中,RTMP(Real-Time Messaging Protocol)是一种广泛使用的流媒体传输协议。它允…

SpringMVC源码深度解析(上)

今天,聊聊SpringMVC框架的原理。SpringMVC属于Web框架,它不能单独存在,需要依赖Servlet容器,常用的Servlet容器有Tomcat、Jetty等,这里以Tomcat为例进行讲解。老规矩,先看看本项目的层级结构: 需…

【入门基础】java泛型和通配符详解

【入门基础】java泛型和通配符详解 文章目录 前言泛型类泛型方法泛型接口通配符(Wildcards)使用场景非主流用法 总结 前言 Java泛型(Generics)是JDK 5中引入的一个新特性,它提供了编译时类型安全检测机制,…

socket 收发TCP/UDP

一、c 个人测试记录,有问题还请指出,谢谢 参考:C开发基础之网络编程WinSock库使用详解TCP/UDP Socket开发_c udp使用什么库-CSDN博客 代码中Logger测试见文章: c中spdlog的使用/python中logger的使用-CSDN博客 1、main.cpp 收…

【体外诊断】ARM/X86+FPGA嵌入式计算机在医疗CT机中的应用

体外诊断 信迈科技提供基于Intel平台、AMD平台、NXP平台的核心板、2.5寸主板、Mini-ITX主板、4寸主板、PICO-ITX主板,以及嵌入式准系统等计算机硬件。产品支持GAHDMI等独立双显,提供丰富串口、USB、GPIO、PCIe扩展接口等I/O接口,扩展性强&…

前端组件化开发:以Vue自定义底部操作栏组件为例

摘要 随着前端技术的不断演进,组件化开发逐渐成为提升前端开发效率和代码可维护性的关键手段。本文将通过介绍一款Vue自定义的底部操作栏组件,探讨前端组件化开发的重要性、实践过程及其带来的优势。 一、引言 随着Web应用的日益复杂,传统的…

极狐GitLab如何启用和配置PlantUML?

GitLab 是一个全球知名的一体化 DevOps 平台,很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab :https://gitlab.cn/install?channelcontent&utm_sourcecsdn 是 GitLab 在中国的发行版,专门为中国程序员服务。可以一键式部署…

深度挖掘数据,智慧决策,VeryReport报表软件引领数据分析新潮流

在当今大数据智能化时代,企业需要强大的报表工具来深度挖掘海量数据,辅助运营决策。在众多BI报表工具中,VeryReport报表软件脱颖而出,成为中国企业数据分析的首选利器。 VeryReport报表软件: 专业处理复杂的中国式报…

【WebRTC】Duplex通信是什么意思?

【背景】 尝试自己从零开始构建一个适用于局域网投屏的WebRTC应用,在学习过程中总是遇到Duplex这个词,而且开服务时还需要指定Duplex属性,所以觉得有必要了解一下什么是Duplex。 【知识】 “Full duplex”指的是一种通信模式,在…

设计模式七大原则(七)合成复用原则

定义 合成复用原则(Composite/Aggregate Reuse Principle,CARP)是指尽量使用对象组合(has-a)/ 聚合(contanis-a),而不是继承关系达到软件复用的目的 类的复用一般分为两种:一种是组合/聚合,另一种则是继承。 继承复用…

如何将MP3或WAV文件解码成PCM文件

文章目录 概要整体架构流程技术细节 概要 本文介绍使用 FFmpeg,将MP3或WAV文件解码成PCM文件的方法。 整体架构流程 首先,使用的 FFmpeg 库要支持 MP3/WAV 解码功能,即编译的时候要加上(编译 FFmpeg 库可以参考:Win…

通义千问AI模型对接飞书机器人-模型配置(2-1)

一 背景 根据业务或者使用场景搭建自定义的智能ai模型机器人,可以较少我们人工回答的沟通成本,而且可以更加便捷的了解业务需求给出大家设定的业务范围的回答,目前基于阿里云的通义千问模型研究。 二 模型研究 参考阿里云帮助文档&#xf…

CSRF+XSS组合攻击实战

目录 0x01安装靶场 0x02分析功能点的请求接口,构造恶意请求 0x03寻找xss漏洞 0x01安装靶场 下载源码,解压到网站根目录 1.修改数据库配置文件 打开源码,进入到include目录下,打开数据库配置文件database.inc.php 将数据库的…

linux服务器数据库备份脚本

linux服务器下面备份数据库脚本 #获取当前时间戳 now_datedate %Y%m%d; #备份保存的路径 path/app/bak/$now_date; #不存在则创建文件夹 mkdir -p $path #备份数据库 /usr/bin/mysqldump -uroot -pyl2vXBS%FjGoSfby -hlocalhost --lock-all-tables --databases sdbj > $pa…

arcgis紧凑型切片缓存(解决大范围切片,文件数量大的问题)

ArcGIS 切片缓存的紧凑型存储格式是一种优化的存储方式,用于提高切片缓存的存储效率和访问速度。紧凑型存储格式将多个切片文件合并为一个单一的 .bundle 文件,从而减少文件系统的开销和切片的加载时间。这类格式已经应用很久了,我记得2013我…

组内第一次会议

会议内容 1、科研平台使用 增删改查对文件 cp -r /root/mmdetection/dataset/ /root/user/wbzExperiment/mmdetection/ rm -r /root/user/yolov5-master tar -czvf test03.tar.gz test03/ unzip abc.zip 上传文件、解压文件:要在自己的目录中,进入…

昇思MindSpore 应用学习-ResNet50迁移学习-CSDN

日期 心得 昇思MindSpore 应用学习-ResNet50迁移学习 (AI 代码解析) 在实际应用场景中,由于训练数据集不足,所以很少有人会从头开始训练整个网络。普遍的做法是,在一个非常大的基础数据集上训练得到一个预训练模型,然后使用该模…

React中Hooks几个有用的 ref

先看下来自官方的介绍,当你希望组件“记住”某些信息,但又不想让这些信息 触发新的渲染 时,你可以使用 ref 。 如何向组件添加 ref如何更新 ref 的值ref 与 state 有何不同如何安全地使用 ref 1.给你的组件添加 ref 你可以通过从 React 导…

Isaac Lab

一、安装isaac sim conda create -n isaaclab python=3.10 conda activate isaaclab pip install torch==2.2.2 --index-url https://download.pytorch.org/whl/cu121 pip install isaacsim-rl isaacsim-replicator isaacsim-extscache-physics isaacsim-extscache-kit-sdk isa…

编织文字的魔法:探索WebKit的CSS文本效果

编织文字的魔法:探索WebKit的CSS文本效果 在现代网页设计中,文本不仅仅是信息的载体,更是视觉表现的重要元素。WebKit,作为众多浏览器的核心引擎,支持一系列CSS文本效果,使开发者能够创造出引人注目的文本…