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

报错信息

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

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

相关推荐
azhou的代码园7 小时前
基于SpringBoot+Vue的家教小程序
vue.js·spring boot·小程序·毕业设计·家教小程序
Hello--_--World7 小时前
小程序面试题
小程序
AI行业应用研究8 小时前
会务小程序开发成本高?不如看看这个低代码解决方案
大数据·低代码·小程序
azhou的代码园11 小时前
基于微信小程序的图片识别科普系统的设计与实现
vue.js·spring boot·微信小程序·小程序·毕业设计·科普·图片识别
木风未来11 小时前
四川 UI 与数字视觉设计机构排名:政企定制服务实力榜单
ui·小程序·可视化大屏
焦糖玛奇朵婷13 小时前
终于搞清楚了,扭蛋机小程序这么厉害❗
java·服务器·前端·程序人生·小程序
求学中--15 小时前
状态管理一文通:@State、@Prop、@Link、@Provide/Consume全解析
人工智能·小程序·uni-app·wpf·harmonyos
求学中--15 小时前
ArkUI组件库完全指南:从基础组件到自定义装饰器
低代码·华为·小程序·uni-app·harmonyos
喜欢南方姑娘1 天前
微信小程序热更新-用户打开小程序时检测版本自动更新
微信小程序·小程序·notepad++
一叶星殇1 天前
高颜值微信小程序 UI 组件库大盘点,助你轻松开发!
微信小程序·小程序