Deno 反向代理解决前端跨域问题以及将 http 转为 https

[estk]

前端在调用别人 api 时经常遇到跨域或者 https 无法调用 http 的问题，通过反代即可解决。 deno.com 提供免费的 NodeJS 环境，在其官网后台新建应用，在 playground 粘贴代码：

import { serve } from "https://deno.land/[email protected]/http/server.ts"
serve(async (req: Request) => {
  const url = new URL(req.url)
  const targetUrl = url.href.replace(`${url.origin}/`, '')
  let urlObj: any
  try {
    urlObj = new URL(targetUrl)
  } catch (e) {
    console.error(e.message)
  }
  if (['http:', 'https:'].indexOf(urlObj?.protocol) > -1) {
    let res = await fetch(targetUrl, {
      headers: req.headers,
      method: req.method,
      body: req.body,
    })
    let headers = {}
    res.headers.forEach((value, key) => {
      headers[key] = value
    })
    if ('*' !== headers['Access-Control-Allow-Origin']?.trim()
      && '*' !== headers['access-control-allow-origin']?.trim()) {
      headers['Access-Control-Allow-Origin'] = '*'
    }
    return new Response(res.body, { headers, status: res.status })
  }
  return new Response(
    `Usage: ${url.origin}/https://deno.com/deploy/docs/pricing-and-limits`)
})

[learningman]

可别拿人家测试环境当云函数使了。。。

[8520ccc]

@learningman 不滥用，厂家是支持的……

[amlee]

@learningman 本身就是一个云函数环境呀，有额度的

[icoming]

比如说，反代百度可以正常打开首页，但点击搜索后，跳转时就把百度的域名给弄丢了。这个怎么搞？

[c0t]

deno 到底是禁止反代，还是禁止破墙的代理？

[estk]

@icoming #4
这个需要把 html 代码里的所有 src 再反代一下，需要处理源码

[estk]

@c0t #5
deno 哪个官方文档提到禁止反代？

[icoming]

@estk 谢谢，偶尔急用还是很不错

[estk]

@icoming #8
当你们公司后端给你测试接口不开跨域时

[Lighfer]

@icoming https://gist.github.com/Lighfer/fc27dd3b9a9d933e5f26fd6a722d6f7b.js

[icoming]

@Lighfer 谢谢，可用。这小玩意挺有意思

[bojackhorseman]

前端构建工具自带有 proxy 啊

[c0t]

@estk https://deno.com/deploy/docs/fair-use-policy 倒也不是说禁止，不建议当 proxy 用