在 Vercel 上部署 MCSManager 的 UI 项目 - 惯性聚合

推荐订阅源

Engineering at Meta

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

Visual Studio Blog

大猫的无限游戏

让小产品的独立变现更简单 - ezindie.com

cs.CV updates on arXiv.org

Know Your Adversary

cs.AI updates on arXiv.org

博客园 - 【当耐特】

Java Code Geeks

OSCHINA 社区最新新闻

Hugging Face - Blog

Cisco Talos Blog

酷壳 – CoolShell

阮一峰的网络日志

美团技术团队

SegmentFault 最新的问题

奇客Solidot–传递最新科技情报

宝玉的分享

博客园 - Franky

Security Affairs

博客园 - 司徒正美

Kaspersky official blog

博客园 - 叶小钗

Help Net Security

PCI Perspectives

KPMG report finds enterprise disconnect between AI and its ROI | CIO

Last Week in AI

罗磊的独立博客

News and Events Feed by Topic

博客园 - 三生石上(FineUI控件)

有赞技术团队

Proofpoint News Feed

LINUX DO - 热门话题

Google Online Security Blog

Threat Intelligence Blog | Flashpoint

在 Vercel 上部署 MCSManager 的 UI 项目

Bluemangoo · 2023-07-29 · via Bluemangoo's Blog

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

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

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

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

前提条件

你有一个Github账号
你有一个Vercel账号
你有一个域名

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

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

本方案适用于以下人群：

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

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

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

填入以下内容：

{
    "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:

{
    "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。

剩下的都相同。

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。