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

报错信息

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

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

相关推荐
andrsted13 分钟前
练题簿在线免费刷题:让整理过的资料,变成能反复练习的题库
学习·微信小程序·小程序·学习方法·刷题·1024程序员节
CRMEB系统商城9 小时前
家电零售的供应商协同与物流提效
java·开发语言·人工智能·小程序·1024程序员节
CRMEB系统商城10 小时前
Redis + 消息队列 + 连接池:CRMEB PRO 性能优化的三驾马车
大数据·数据库·人工智能·小程序·php·1024程序员节
CRMEB系统商城12 小时前
服装连锁的导购分销与企微私域
java·大数据·开发语言·人工智能·小程序·php·1024程序员节
00后程序员张2 天前
无需 Mac 的 iOS App 上架工具,开心上架Appuploader 负责哪些环节
android·ios·小程序·https·uni-app·iphone·webview
2501_915909062 天前
Ipa Guard 防护上架,混淆、重签名和回归测试怎么做
android·ios·小程序·https·uni-app·iphone·webview
济南壹软网络科技有限公司2 天前
盲盒源码系统小程序V6MAX底层架构解析,PHP+Uniapp高性能商用底座发布
小程序·架构·uni-app
2501_915918412 天前
iOS 上架注意事项有哪些?Appuploader 的四个阶段自查清单
android·ios·小程序·https·uni-app·iphone·webview
Autumn_ing2 天前
AI原型设计工具怎么选?可编辑原型与可运行前端适合什么场景
前端·小程序·产品经理·代码·codex·墨刀ai客户端·ai原型
fengGer的bugs2 天前
微信小程序实战:本地存储的新生儿喂养记录(原生 + 四套主题 + 疫苗日程)
微信小程序·小程序