Nginx做静态资源管理器

–由于Sring Boot自带Tomact使得我无法在Tomact中配置静态资源的访问路径,所以我使用了Nginx做端口监听,从而实现动态的访问音乐资源

1.安装Nginx(Nginx安装包);
2.在安装目录下找到conf文件夹中的nginx.conf文件;
3.打开nginx.conf文件修改配置信息;

server {
		#被监听的端口号
        listen  8095;
		#监听本机 localhost代表本机
		server_name localhost;

        location / {
			#音乐资源的本地路径
            root   F:\音乐;
            index  index.html index.htm;
       }
    }

4.保存修改,重启Nginx
在这里插入图片描述
5.HTML页面访问音乐文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 音频播放标签 src="音频文件的访问路径" autoplay="autoplay":设置音频准备好就开始播放 controls="controls":显示控件-->
		<audio src="http://localhost:8095/蓝莲花.mp3" autoplay="autoplay">播放</audio>
	</body>
	<script>
	</script>
</html>

6.运行HTML,就可以听到音乐啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哈哈哈都疯了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值