非根目录部署 nextjs 项目,资源文件 请求404 的问题

ops/2025/2/3 18:24:10/

最近在学习next项目编写的代码放到服务器上静态资源404

先分析问题
在这里插入图片描述

  1. 到服务器上查看是有资源目录的
  2. 是不是项目配置有问题
  3. 是不是nginx配置有问题在这里插入图片描述
    经过排查1和2是没有问题的目前来看只有3
    检查一下nginx配置
    在这里插入图片描述
    在这里插入图片描述

尝试着把静态资源的配置禁用
在这里插入图片描述
问题解决
我的next项目用的是pm2管理
在这里插入图片描述
每次需要手动构建,后期考虑使用其它方式进行部署
再就是每次构建需要暂用的内存比较大,导致服务器异常

介绍一下这个项目

使用next.js 编写的一个个人博客网站 主要是学习一下next.js的编码过程
开发过程中遇到了一些问题
例如:next.js使用的react是19版本过高 导致antd 和一些插件不兼容 编译和打包失败的问题常有发生
还好都一一克服了
考察了几个富文本编辑器 最后采用的是tiptap
富文本编辑器地址
后端使用的是node编写的crud的基本服务
文章读取先读取本地markdown文件 没有的话在展示编辑器
由于编辑器还在熟悉中 有很多功能还没有完善 后续完善了在逐步开放出来
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://www.ppmy.cn/ops/155368.html

相关文章

Josephus Problem II CSES - 2163

有3种方法 Solution 1 - ordered_set Utilizing the ordered_set This data structure is an extension of the general set in C. It allows searching for the K-th smallest element in O(log n) time complexity. #include <iostream> using namespace std; #…

【大数据技术】教程01:搭建完全分布式高可用大数据集群(VMware+CentOS+FinalShell)

搭建完全分布式高可用大数据集群&#xff08;VMwareCentOSFinalShell&#xff09; 资源下载 VMware Workstation Pro 16CentOS-Stream-10-latest-x86_64-dvd1.isoFinalShell 4.5.12 注&#xff1a;请在阅读本篇文章前&#xff0c;将以上资源下载下来。 写在前面 本章主要介…

C# 装箱和拆箱(以及 as ,is)

装箱&#xff08;Boxing&#xff09;是指将值类型转换为引用类型的过程 拆箱&#xff08;Unboxing&#xff09;是将引用类型转换回值类型的过程。 int a 1;object b a; //装箱object obj 10;int num (int)obj; //拆箱ArrayList list new ArrayList();list.Add(123);//装箱…

告别页面刷新!如何使用AJAX和FormData优化Web表单提交

系列文章目录 01-从零开始学 HTML&#xff1a;构建网页的基本框架与技巧 02-HTML常见文本标签解析&#xff1a;从基础到进阶的全面指南 03-HTML从入门到精通&#xff1a;链接与图像标签全解析 04-HTML 列表标签全解析&#xff1a;无序与有序列表的深度应用 05-HTML表格标签全面…

python3+TensorFlow 2.x 基础学习(一)

目录 TensorFlow 2.x基础 1、安装 TensorFlow 2.x 2、TensorFlow 2.x 基础概念 2、1 Eager Execution 2、2 TensorFlow 张量&#xff08;Tensor&#xff09; 3、使用Keras构建神经网络模型 3、1 构建 Sequential 模型 3、2 编译模型 1、Optimizer&#xff08;优化器&a…

ROS-SLAM

基本概念 SLAM 即 Simultaneous Localization and Mapping&#xff0c;中文名为同时定位与地图构建&#xff0c;是机器人、自动驾驶、增强现实等领域中的关键技术。 在未知环境中&#xff0c;搭载特定传感器的主体&#xff08;如机器人、无人机等&#xff09;在运动过程中&am…

精品PPT | 华为企业数据架构、应用架构及技术架构设计方法

这份PPT详细介绍了华为企业数据架构、应用架构及技术架构的设计方法。它涵盖了数据架构的五大原则&#xff0c;包括数据按对象管理、企业全局视角定义数据架构、遵从企业数据分类管理框架、概念实体结构化数字化以及数据服务化同源共享等&#xff0c;旨在确保数据在企业内的一致…

Chromium132 编译指南 - Android 篇(一):编译前准备

1. 引言 欢迎来到《Chromium 132 编译指南 - Android 篇》系列的第一部分。本系列指南将引导您逐步完成在 Android 平台上编译 Chromium 132 版本的全过程。Chromium 作为一款由 Google 主导开发的开源浏览器引擎&#xff0c;为众多现代浏览器提供了核心驱动力。而 Android 作…