docs: 增加部署到vercel后api跨域的解决方法

This commit is contained in:
qier222 2021-09-25 12:52:00 +08:00
parent b052b462e3
commit cc914d4799
No known key found for this signature in database
GPG Key ID: 9C85007ED905F14D
3 changed files with 29 additions and 7 deletions

3
.gitignore vendored
View File

@ -30,4 +30,5 @@ NeteaseCloudMusicApi-master
NeteaseCloudMusicApi-master.zip
# Local Netlify folder
.netlify
.netlify
vercel.json

View File

@ -41,7 +41,7 @@
Electron 版本由 [@hawtim](https://github.com/hawtim) 和 [@qier222](https://github.com/qier222) 适配并维护,支持 macOS、Windows、Linux。
访问本项目的 [Releases](https://github.com/qier222/YesPlayMusic/releases)
页面下载安装包,或者访问 [镜像下载站 (大陆访问更快)](https://dl.qier222.com/YesPlayMusic/) 下载
页面下载安装包。
macOS 用户也可以通过 `brew install --cask yesplaymusic` 来安装。
@ -54,13 +54,26 @@ macOS 用户也可以通过 `brew install --cask yesplaymusic` 来安装。
2. 点击本仓库右上角的 Fork复制本仓库到你的 GitHub 账号。
3. 打开 [Vercel.com](https://vercel.com),使用 GitHub 登录。
3. 点击仓库的 Add File选择 Create new file输入 `vercel.json`,将下面的内容复制粘贴到文件中,并将 `https://your-netease-api.example.com` 替换为你刚刚部署的网易云 API 地址:
4. 点击 Import Git Repository 并选择你刚刚复制的仓库并点击 Import。
```json
{
"rewrites": [
{
"source": "/api/:match*",
"destination": "https://your-netease-api.example.com/:match*"
}
]
}
```
5. 点击 PERSONAL ACCOUNT 旁边的 Select。
4. 打开 [Vercel.com](https://vercel.com),使用 GitHub 登录
6. 点击 Environment Variables填写 Name 为 `VUE_APP_NETEASE_API_URL`Value 为你刚刚部署的网易云 API 地址,点击 Add。最后点击底部的 Deploy 就可以部署到
5. 点击 Import Git Repository 并选择你刚刚复制的仓库并点击 Import。
6. 点击 PERSONAL ACCOUNT 旁边的 Select。
7. 点击 Environment Variables填写 Name 为 `VUE_APP_NETEASE_API_URL`Value 为 `/api`,点击 Add。最后点击底部的 Deploy 就可以部署到
Vercel 了。
## ⚙️ 部署到自己的服务器
@ -127,7 +140,7 @@ yarn run build
```shell
# 安装依赖
yarn
yarn install
# 创建本地环境变量
cp .env.example .env

8
vercel.example.json Normal file
View File

@ -0,0 +1,8 @@
{
"rewrites": [
{
"source": "/api/:match*",
"destination": "https://your-netease-api.example.com/:match*"
}
]
}