HBuilderX运行时报404错误解决

简介: HBuilderX运行时报404错误解决

前言


生活并无完美,与其让生活带来更多的沮丧与抱怨,不如坚持着一份信念,相信通过努力可以让生活变得更好。

一、问题描述


在开发前后端分离的项目中,前端页面使用HBuilderX进行开发,遇到了一种匪夷所思的情况,前一天前端项目运行还正常,到了第二天再使用HBuilderX运行前端项目时就会报404的错误,不仅是昨天的项目,之前写好的项目运行也是404错误,但是不在HBuilderX中就可以正常打开。因此断定是HBuliderX软件本身的问题,重启电脑、重新打开HBuilderX、重新导入项目等方法都没有解决。

image.png

二、解决方案


打开HBuilderX的存放位置,找到plugins文件夹—>找到nodeserver文件夹—>修改server.js文件

image.png

image.png

image.png

image.png

将server.js文件修改为以下内容:

var args = process.argv.splice(2)[0];
var express = require('express');
var app = express();
var argsjson =JSON.parse(args); 
var projects = argsjson.projects;
var port = argsjson.port;
projects.forEach(function (value,index,array) {
  app.use('/'+encodeURI(value.name),express.static(value.path+''));
});
app.get('*', function(req, res){
    res.sendFile( __dirname + "/" + "404.html" );
});
var server = app.listen(port, function () {
  console.log('server start at '+port);
})

总结


当将上面的代码替换了server.js文件中的代码后重新启动HBuilderX时前端项目就可以正常运行了,但是具体是什么原因也不清楚,源文件也不敢完全覆盖,最后是将原本的server.js重命名,新建了一个server.js文件,将代码复制进去。在此做下记录,如果以后再出现这种情况,能以最快的速度解决这样的问题。

相关文章
|
监控 前端开发
STM32F103标准外设库——RCC时钟(六)
STM32F103标准外设库——RCC时钟(六)
1379 0
STM32F103标准外设库——RCC时钟(六)
u-view使用轮播组件u-swiper不能正常显示
Swiper 轮播图 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架
1340 0
u-view使用轮播组件u-swiper不能正常显示
|
移动开发 JavaScript 前端开发
Element Plus for Vue 3 入门教程
Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级,对于第三方组件库来说是一件好事,那些已经修修补补无数次,还无法彻底解决的问题,在这次面向 Vue 3.0 重构时,一次性全部解决。
3689 0
|
8月前
|
存储 人工智能 监控
新手小白购买阿里云服务器省钱策略、配置选型与注意事项
针对初次使用阿里云服务器的用户,本文提供系统化的指导方案以优化成本并满足业务需求。首先介绍配置选型,包括实例类型(通用型、计算型、内存型)与基础配置建议;其次阐述省钱策略,如企业认证、合理选择计费模式及批量购买;最后提醒注意事项,涵盖带宽存储规划、地域网络优化及安全管理。新手可通过明确需求、选择配置、优化购买和持续监控四步快速上手,实现高效稳定的云端部署。 注:推荐配置基于2025年阿里云产品体系,具体信息请参考官网。
|
10月前
|
关系型数据库 MySQL 数据库
【MySQL基础篇】MySQL概述、Windows下载MySQL8.0超详细图文安装教程
在这一章节,主要介绍两个部分,数据库相关概念及MySQL数据库的介绍、下载、安装、启动及连接。接着,详细描述了MySQL 8.0的版本选择与下载,推荐使用社区版(免费)。安装过程包括自定义安装路径、配置环境变量、启动和停止服务、以及客户端连接测试。此外,还提供了在同一台电脑上安装多个MySQL版本的方法及卸载步骤。最后,解释了关系型数据库(RDBMS)的特点,即基于二维表存储数据,使用SQL语言进行操作,格式统一且便于维护。通过具体的结构图展示了MySQL的数据模型,说明了数据库服务器、数据库、表和记录之间的层次关系。
1844 56
【MySQL基础篇】MySQL概述、Windows下载MySQL8.0超详细图文安装教程
|
C语言
npm 切换镜像站点
npm 切换镜像站点
748 9
|
机器学习/深度学习
神经网络中权重初始化的重要性
【8月更文挑战第23天】
435 0
|
运维 JavaScript 前端开发
前端 JS 经典:vue 开发中的 base 和 publicPath
前端 JS 经典:vue 开发中的 base 和 publicPath
713 1
|
SQL 关系型数据库 MySQL
调优攻略:10个提高MySQL性能的实用技巧
调优攻略:10个提高MySQL性能的实用技巧
2702 0
调优攻略:10个提高MySQL性能的实用技巧
|
前端开发 JavaScript Android开发
MUI框架开发APP详解,一篇就够了
1.MUI简介 最接近原生APP体验的高性能前端框架 追求性能体验,是开始启动MUI项目的首要目标,轻量必然是重要特征; MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标 MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件 MUI官方文档
888 1
MUI框架开发APP详解,一篇就够了