http请求

可以参考下cf中对request与response的描述

        折叠代码块JAVASCRIPT
        复制代码
      
// fetch()相关可以参考这里：https://developer.mozilla.org/zh-CN/docs/Web/API/fetch
import fetch from "node-fetch";
import { createServer } from 'http';

async function handleRequest(request) {
    // 对url进行处理
    let url = new URL(request.url);
    let method = request.method;
    let headers = new Headers(request.headers);
    let body = await request.body;
    
    let response = fetch(url {
        method: method,
        headers: headers,
        body: body
    });

    let responseClone = response.clone();
    // let responseBody = responseClone.json();
    let responseBody = responseClone.text();
    let responseStatus = responseClone.status;
    let responseHeaders = new Headers(responseClone.headers);
    return new Response(responseBody,{
        status: responseStatus,
        headers: responseHeaders
    });
}

// 函数内部用await,函数必须要加上async
createServer(async function(request, response) {
    let result = await handleRequest(request);
    response.writeHead(200, { 'Content-Type': 'application/json' });
    response.end(JSON.stringify(result));
}).listen(2083)

postMessage调用

外部调用内部框架的服务可以这么做

        折叠代码块HTML
        复制代码
      
<body>
    <iframe id="myIframe" style = "width:100%;height:80%;" src="http://localhost:8080">

    </iframe>
    <button onclick="sendMessage2Iframe()">
      我是一个按钮
    </button>
</body>
<script>
    // 用于发送消息
    function sendMessage2Iframe () {
      const iframe = document.getElementById('myIframe')
      iframe.contentWindow.postMessage({
        code: 100,
        message: 'MOVE_TO_MAIN_SCENE'
      }, 'http://localhost:8080')
    }

    // 用于监听iframe发送给框架的消息
    window.addEventListener('message', handleReceivedMessage);
    function handleReceivedMessage(event) {
      // 检查消息的来源是否是预期的源
      if (event.origin === 'http://localhost:8080') {
        // 处理接收到的消息
        console.log('从iframe接收到消息:', event.data);
        // 可以在这里执行相应的操作或回复消息给 iframe
      }
    }
<script>

内部最好也做一下进行

vue读取.env环境变量

        折叠代码块JAVASCRIPT
        复制代码
      
// .env 中环境变量的格式如下，需要有 VUE_APP 这个前缀
// VUE_APP_XXX
// 然后在 typescript 中可以使用如下方式来获取到环境变量
const myTestEnv = process.env.VUE_APP_MY_TEST_ENV