微信开发者工具:音乐小程序报错

报错信息

GET http://localhost:3000/1.mp3 net::ERR CONNECTION REFUSED

(env: Windows,mp,1.06.2303220;lib:3.6.0)

原因:小程序没有直接获取本地文件,为了提高访问速度,而采用放到网络服务器中网络访问的方式获取文件内容

解决办法:下载安装node.js

相关网站: Node.js 中文网 (nodejs.com.cn)

然后在项目目录中安装express 框架支持

npm install express

可能或出现以下报错信息

解决办法:清除缓存

npm config set proxy false

npm cache clean --force(强制清除)

项目目录内容

music:音频文件夹

index.js内容

javascript 复制代码
const express = require('express');
const app = express();

// Serve static files from the "music" directory
app.use('/music', express.static('music'));

// Start the server
const port = 8848;
app.listen(port, () => {
  console.log(`Server running on http://localhost:${port}`);
});

启动服务器:node index.js

在浏览器中输入: http://localhost:8848/music/1.mp3 可以获取到音频文件

最后回到微信开发者工具中操作即可

相关推荐
码云数智-大飞13 小时前
2026 年跨端开发决战:小程序原生 vs uni-app vs Taro 深度对比
小程序·uni-app·taro
河北清兮网络科技18 小时前
直播APP开发怎么选?流媒体高端定制架构解析,避开模板与外包技术坑
小程序·架构·app·短剧·短剧app·广告联盟
上单带刀不带妹20 小时前
小程序图片缓存问题:时间戳和版本号解决图片不更新
缓存·小程序·vue·uniapp
bug总结21 小时前
uniapp 微信小程序请求规范
微信小程序·小程序·uni-app
微三云 - 廖会灵 (私域系统开发)1 天前
垂直行业 SaaS 实践|AI 美业小程序,构建美业服务全链路数字化闭环
人工智能·小程序
做萤石二次开发的哈哈1 天前
海康班班通交互一体机技能接入实战:ISAPI透传+OTAP双协议封装,Web/App/小程序教学管理应用一站生成
前端·物联网·小程序·交互·萤石开放平台·蓝海aiot一站式工作台·aiot开发
云迈科技-软件定制开发1 天前
长沙企业软件开发、App 开发全流程|需求、开发、上线、运维拆解
小程序·app开发
盟道科技1 天前
电商小程序SKU数据模型设计:SPU、规格组合、库存与价格的工程实践
服务器·小程序·apache
mykj15511 天前
社交找搭子app小程序找人组局更方便
小程序·app开发·小程序开发·找搭子app