HBuilderX运行时报404错误解决

前言

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

一、问题描述

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

HBuilderX运行时报404错误解决

二、解决方案

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

HBuilderX运行时报404错误解决

HBuilderX运行时报404错误解决

HBuilderX运行时报404错误解决

HBuilderX运行时报404错误解决

将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 + �34;/" + "404.html" );
});
var server = app.listen(port, function () {
    console.log('server start at '+port);
})

总结

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