搭建MCSManger的时候,大部分人会选择Frp将本地面板开发到云端。但是这样访问会很慢。

这时候你有几种解决办法:

  • 用cdn: (推荐使用Cloudflare加速您的网站.jpg)
  • 换一家frp提供商: (富哥v我50)
  • 换vps: (富哥v我台机子)
  • 采用Vercel来提供静态资源

本文重点讲解最后一种方案。

前提条件

  1. 你有一个Github账号
  2. 你有一个Vercel账号
  3. 你有一个域名

(嗯其实其它git服务都可以,就是Github方便)

域名的问题解释一下,vercel提供的域名*.vercel.app在中国大陆处于被DNS污染的状态,你不能用,但是自己绑定域名就可以。

本方案适用于以下人群:

  • 没有技术力
  • 不希望暴露源站
  • 源站没有ssl(https)

将MCSManager的官方包下载,把web/public文件夹拷出来。

新建一个Github仓库,把public文件夹放进去,再新建一个vercel.json文件。

填入以下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
"builds": [
{
"src": "/**/*",
"use": "@vercel/static"
}
],
"rewrites": [
{
"source": "/:match*",
"destination": "$YOUR_WEB_URL/:match*"
},
{
"source": "/:match*/",
"destination": "$YOUR_WEB_URL/:match*/"
}
],
"github": {
"silent": true
}
}

将其中的$YOUR_WEB_URL换成你web端的url (e.g.https://mcsm.foo.bar),然后提交推送。

关于vercel.json的详细信息可以看官方文档

然后在vercel选择Add new - Project,导入你前面写完的那个git仓库。

导入完成后你可以找得到这个项目。在项目设置中找到域名,添加你自己的域名,按照提示操作就行了。

最后,访问你的你的站点,检查是否可以正常运行。

部署UI+308重定向

本方案适用于以下人群:

  • 没有技术力
  • 追求快一点点的速度

本方案的要求:

  • 源站有ssl

特别需要注意的是,本方案会暴露源站。

方案和反代的方案类似,唯一的区别是vercel.json:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
"builds": [
{
"src": "/**/*",
"use": "@vercel/static"
}
],
"redirects": [
{
"source": "/:match*",
"destination": "$YOUR_WEB_URL/:match*"
},
{
"source": "/:match*/",
"destination": "$YOUR_WEB_URL/:match*/"
}
],
"github": {
"silent": true
}
}

可以看到rewrites被换成了redirects

剩下的都相同。