首页 > 其他分享 >axios_socketio_cros_test

axios_socketio_cros_test

时间:2023-01-15 20:44:47浏览次数:50  
标签:axios const socket cros test document crostest oRes

D:\code_gitee\html_crostest\htmo_crostest\index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + TS</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>

D:\code_gitee\html_crostest\htmo_crostest\src\main.ts

import { socket } from "./mysocketio";
import "./style.css";
import { axiosInstance } from "./myaxios";

document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
  <div>
 	<button id='send'>发送axios请求</button> 
 	<button id='send-socket'>发送socket请求</button> 
  </div>
`;

document.getElementById("send")!.addEventListener("click", async () => {
  const res = await axiosInstance.get("/");
  const oRes = document.createElement("div");
  oRes.innerHTML = res.data;
  document.querySelector<HTMLDivElement>("#app")!.appendChild(oRes);
});

document.getElementById("send-socket")!.addEventListener("click", async () => {
  socket.emit("join", "hello! ~~from clien");
  const oRes = document.createElement("div");
  oRes.innerHTML = "socket发送成功";
  document.querySelector<HTMLDivElement>("#app")!.appendChild(oRes);
});

socket.on("join", (payload) => {
  const oRes = document.createElement("div");
  oRes.innerHTML = payload.data;
  document.querySelector<HTMLDivElement>("#app")!.appendChild(oRes);
});

D:\code_gitee\html_crostest\htmo_crostest\src\myaxios.ts

import axios from "axios";

export const axiosInstance = axios.create({
  baseURL: "http://127.0.0.1:9998",
  timeout: 1000,
});

D:\code_gitee\html_crostest\htmo_crostest\src\mysocketio.ts

import { io } from "socket.io-client";

export const socket = io("http://localhost:9998/");

标签:axios,const,socket,cros,test,document,crostest,oRes
From: https://www.cnblogs.com/zhuoss/p/17054082.html

相关文章

  • Atcoder Regular Contest ARC 153 A B C D 题解
    点我看题A-AABCDDEFE一个beautifulnumber是形如这样的:\(S1S1S3S4S5S5S7S8S7\)。如果选定了\(S1\),后面的数有100000种选法,所以先求出答案的\(S1\)。假设现在我们要求出......
  • Atcoder Regular Contest ARC 153 A B C D 题解
    点我看题A-AABCDDEFE一个beautifulnumber是形如这样的:\(S1S1S3S4S5S5S7S8S7\)。如果选定了\(S1\),后面的数有100000种选法,所以先求出答案的\(S1\)。假设现在我们要求出......
  • Atcoder Regular Contest ARC 153 A B C D 题解
    点我看题A-AABCDDEFE一个beautifulnumber是形如这样的:\(S1S1S3S4S5S5S7S8S7\)。如果选定了\(S1\),后面的数有100000种选法,所以先求出答案的\(S1\)。假设现在我们要求出......
  • 交叉熵(Cross-Entropy)损失
    损失函数和误差函数在大多数时候,损失函数和误差函数代表了差不多的意思,但他们仍有细微的差别。误差函数计算我们的模型偏离正确预测的程度。损失函数对误差进行操作,以量化......
  • How SQLite Is Tested
    https://www.sqlite.org/testing.html8.2. ValgrindValgrind isperhapsthemostamazingandusefuldevelopertoolintheworld.Valgrindisasimulator-its......
  • AtCoder Beginner Contest 254(C,D,E,F)
    AtCoderBeginnerContest254(C,D,E,F)CC这个题是给你一个乱序的数组,你可以把ai和ai+k进行交换,我们需要判断是否可以最后变成从小到大的顺序那么我们可以想到所有下标对k......
  • AtCoder Regular Contest 153
    喜提全场独一无二的score!ATC还是很友善的,如果每题等分就寄了A签到B真的是凭着实力不会做的呀。。。太菜了发现两维可以分别做,所以考虑一维的情况,然而并不会对于两......
  • Windows Server 2012 R2 无法启用Microsoft .NET Framework 3.5 功能
    安装安全更新2966827或2966828之后,WindowsServer2012R2、WindowsServer2012、Windows8.1或Windows8上无法启用Microsoft.NETFramework3.5功能解决方法,把......
  • axios 进行同步请求(async+await+promise)
    axios进行同步请求(async+await+promise)遇到的问题介绍将axios的异步请求改为同步请求想到了async 和await、Promiseaxios介绍Axios 是一个基于 promise 的HT......
  • CF1227F2 Wrong Answer on test 233 (Hard Version)
    简要题意给定\(n\),\(k\)和值域\([1,k]\)的\(n\)个整数\(h_i\),求有多少个长为\(n\)的整数序列\(a\)满足值域\([1,k]\),且\(\sum\limits_{i=1}^n[a_i=h_i]<\sum......