npm install typescript axios --save

tsc --init

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "outDir": "./dist"
  },
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

// src/axiosInstance.ts
import axios from 'axios';

const axiosInstance = axios.create({
  baseURL: 'https://www.douyin.com',
  timeout: 1000,
  headers: {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)'}
});

export default axiosInstance;

// src/axiosInstance.ts
import axios from 'axios';
import ProxyAgent from 'axios-http-proxy-fix';

const proxyHost = "www.16yun.cn";
const proxyPort = "5445";
const proxyUser = "16QMSOML";
const proxyPass = "280651";

// 創(chuàng)建一個(gè)HTTP代理代理實(shí)例
const httpProxyAgent = new ProxyAgent({
  host: proxyHost,
  port: proxyPort,
  protocol: 'http:', // 注意：根據(jù)你的代理服務(wù)器協(xié)議進(jìn)行設(shè)置
  auth: `${proxyUser}:${proxyPass}`
});

// 創(chuàng)建axios實(shí)例并應(yīng)用代理
const axiosInstance = axios.create({
  baseURL: 'https://www.douyin.com',
  timeout: 1000,
  httpAgent: httpProxyAgent, // 應(yīng)用HTTP代理
  httpsAgent: httpProxyAgent, // 如果axios請(qǐng)求是HTTPS，則應(yīng)用HTTP代理
  headers: {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)'}
});

export default axiosInstance;

// src/app.ts
import fetchData from './dataFetcher';

document.addEventListener('DOMContentLoaded', () => {
  const videoUrl = 'https://www.douyin.com/some/video/url';
  fetchData(videoUrl)
    .then(data => {
      console.log('Fetched video data:', data);
      // 處理獲取的視頻數(shù)據(jù)
    })
    .catch(error => {
      console.error('Failed to fetch video data:', error);
    });
});

tsc

npm install -g http-server
http-server dist