首页
   /       /   
宝塔面板部署 Vue-mmPlayer
9月
6
宝塔面板部署 Vue-mmPlayer
作者: 52技术博客    分类: 网站搭建     正在检查是否收录...

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

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

启动服务

点击PM2 管理器

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

输入app.js和项目名称NeteaseCloudMusicApi

点击添加

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

绑定域名并设置HTTPS

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

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

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

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

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

宝塔面板部署 Vue-mmPlayer2

宝塔面板部署 Vue-mmPlayer3

宝塔面板部署 Vue-mmPlayer4

使用宝塔SSL

宝塔面板部署 Vue-mmPlayer5

部署 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目录下

上传到宝塔面板
宝塔面板部署 Vue-mmPlayer6

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

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

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

本文标签: 本文没有标签哦!
责任声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
转载声明:本文作者 52技术博客,如需转载请保留文章出处!原文链接请自行复制!
版权所有:52技术博客
文章标题:宝塔面板部署 Vue-mmPlayer
除非注明,文章均为 52技术博客 原创,请勿用于任何商业用途,转载请注明作者和出处 52技术博客

评论

Theme By Brief 陕ICP备17000448号
sitemap


经过上千年的修炼,你学到的就是这个吗? | 神龙许愿

首页

分类

友链