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

报错信息

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 可以获取到音频文件

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

相关推荐
2501_915921436 小时前
iOS App 电耗管理 通过系统电池记录、Xcode Instruments 与克魔(KeyMob)组合使用
android·ios·小程序·https·uni-app·iphone·webview
数字游民95278 小时前
2小时VibeCoding了一个看图猜词小程序:猜对了么
人工智能·ai·小程序·ai绘画·数字游民9527
qq_124987075313 小时前
基于小程序中医食谱推荐系统的设计(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·小程序·毕业设计·计算机毕业设计
2501_9159184116 小时前
iOS App 测试方法,Xcode、TestFlight与克魔(KeyMob)等工具组合使用
android·macos·ios·小程序·uni-app·iphone·xcode
棒棒的唐17 小时前
微信小程序右上角分享按钮如何根据用户登录状态确定是否允许分享
微信小程序·小程序
2501_9159214317 小时前
iOS 描述文件制作过程,从 Bundle ID、证书、设备到描述文件生成后的验证
android·ios·小程序·https·uni-app·iphone·webview
小白学大数据17 小时前
基于 Python 的知网文献批量采集与可视化分析
开发语言·爬虫·python·小程序
毕设源码-郭学长18 小时前
【开题答辩全过程】以 基于微信小程序的医院管理系统为例,包含答辩的问题和答案
微信小程序·小程序
毕设源码-朱学姐18 小时前
【开题答辩全过程】以 基于微信小程序的医疗物资进销存管理为例,包含答辩的问题和答案
微信小程序·小程序
低代码布道师19 小时前
教培管家第06讲:搭建销售工作台——公海争夺与私海管理
低代码·小程序·云开发