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

报错信息

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

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

相关推荐
sheji341612 分钟前
【开题答辩全过程】以 基于微信小程序的社区养老积分银行系统的设计为例,包含答辩的问题和答案
微信小程序·小程序
CHU7290351 小时前
在线教学课堂APP前端功能:搭建高效线上教学生态
前端·人工智能·小程序·php
2501_916007477 小时前
跨平台 App 安全,Flutter、RN、Unity、H5 混合应用加固
android·ios·小程序·https·uni-app·iphone·webview
焦糖玛奇朵婷8 小时前
就医陪诊小程序|从软件开发视角看实用度✨
java·大数据·jvm·算法·小程序
CHU7290358 小时前
智慧陪伴新选择:陪诊陪护预约小程序的暖心功能解析
java·前端·小程序·php
2501_916007479 小时前
不越狱如何查看iOS 应用的详细信息及其文件目录结构
android·macos·ios·小程序·uni-app·cocoa·iphone
李慕婉学姐10 小时前
【开题答辩过程】以《基于uni-app的手账记录小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·小程序·uni-app
前端 贾公子11 小时前
npm 发包配置双重身份验证
前端·javascript·微信小程序·小程序·github
2501_9160088911 小时前
无需钥匙串快速创建 iOS 开发 / 发布证书 P12 CSR
android·ios·小程序·https·uni-app·iphone·webview
独自归家的兔12 小时前
微信小程序开发框架全解析:成熟项目架构、主流技术与优劣对比
微信小程序·小程序