1. 当前位置:网站首页 > 网站搭建

宝塔面板部署 Vue-mmPlayer


宝塔面板部署 Vue-mmPlayer
部署后台API服务
下载和上传
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
将下载好的NeteaseCloudMusicApi文件直接上传到宝塔面板的/www/wwwroot目录下

启动服务
安装 PM2 管理器(软件管理 - 运行环境)

启动服务

点击PM2 管理器

选择刚刚上传的NeteaseCloudMusicApi项目的目录

输入app.js和项目名称NeteaseCloudMusicApi

点击添加

放行端口:安全,添加api服务的默认端口3000

绑定域名并设置HTTPS

启动服务后映射,输入当前服务需要绑定的域名(无需直接跳过步骤)

侧边栏目网站,找到最简单的点击边栏设置——点击SSL

如果宝塔有进行实名认证可以选择宝塔SSL,未实名可以去阿里云申请SSL证书(教程使用阿里云SSL证书,申请地址选择免费版(个人)DV)

申请好阿里云SSL证书后,下载证书(选择其他)

将下载后的解压,去宝塔分别重新点击密钥(KEY)和保存的文件证书(PEM格式)

2

3

4

使用宝塔SSL

5

部署 Vue-mmPlayer 服务
下载和编译
git clone https://github.com/maomao1996/Vue-mmPlayer.git

进入项目目录

cd Vue-mmPlayer

安装依赖

npm install

将 .env 文件的 VUE_APP_BASE_API_URL 地址修改为上一步 API 服务的地址

编译打包

npm run build
将打包好的NeteaseCloudMusicApi文件直接上传到宝塔面板的/www/wwwroot目录下

上传到宝塔面板
6

点击侧边栏网站- 添加站点,然后输入为 Vue-mmPlayer 准备好域名

点击刚创建的网站根目录,将直接打包打包dist当前文件夹中的所有文件上传目录

最后可以根据需要进行HTTPS设置


本文最后更新于2022-9-6,已超过 3个月没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
版权说明

本文地址:https://blog.52jsdh.cn/wzdj/39.html
未标注转载均为本站远程,转载请注明文章出处:

发表评论

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:00-23:00,节假日休息

扫码关注