HbuilderX浏览器运行时出现404报错

新建server.js文件,将如下代码粘贴至文件中,然后将server.js替换至plugins/nodeserver下同名文件即可(替换完毕后请重启HX)。


```javascript
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);
})


要解决HbuilderX运行404错误,可以尝试以下方法: 1. 确保server.js文件已正确替换至plugins/nodeserver下同名文件,并且重启了HBuilderX。 2. 检查server.js文件中的代码是否正确,并且确保代码中的参数args被正确解析为JSON格式,包括projects和port字段的正确定义。 3. 检查server.js文件中的路径是否正确,尤其是app.use()和app.get()函数中的路径是否与项目文件的路径匹配。 4. 检查manifest.json文件中的devServer字段是否正确配置。确保port字段与server.js文件中的port一致,并且baseUrl、https、cert、key、headers、compress、progress和proxy等字段按需配置。 5. 如果使用了代理(proxy)设置,请确保目标(target)地址正确,并且与实际的API地址相匹配。 6. 如果使用了https设置,请确保证书(cert)和密钥(key)文件的路径正确,并且与实际文件的路径相匹配。 7. 如果以上方法都没有解决问题,可以尝试在manifest.json文件的h5字段中添加"devServer": { "https": true },以启用HTTPS。 请根据具体情况逐一尝试上述方法,以解决HBuilderX运行404错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [HbuilderX浏览器运行时出现404报错](https://blog.csdn.net/damuzue/article/details/104622559)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [hbuilderx本地调试h5 vue应用的时候,怎么使用https证书?](https://blog.csdn.net/youaregoo/article/details/128410372)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值