如何在带有 webview 的 visual studio 代码扩展中使用 axios

Question

我正在使用这个示例来开发我的插件。 我想获取一些远程数据并在 webview 中显示数据。 我的问题是如何在此环境中使用 axios 或其他库。 谢谢。

https://github.com/Microsoft/vscode-extension-samples/tree/master/webview-sample

Answer 1

如果你想从 api 获取数据，你可以使用请求。 npm install request --save你可以用axios代替request

import request = require('request');

const URL = 'https://jsonplaceholder.typicode.com/todos/1';
request({
  headers: {}, // add here headers if you needed
  uri: URL,
  method: 'GET', 
  // bodyData will come here if method is POST
  }, (err, res, body) => {
  const data = JSON.parse(body);
  console.log(data);
  // here call other stuff wants to do.
});

Answer 2

没有使用过 webview，但是对于一个简单的扩展， axios在extension.js中是这样使用的：

const vscode = require('vscode');
const axios = require('axios');

async function activate(context) {
  try {
    const res = await axios.get(
      "https://example.com/",
      { headers: { "Accept-Encoding": "gzip,deflate,compress" } }
    );
    console.log(res.data);
  } catch(e){ console.log(e) }
  // ...
}

function deactivate() {}
module.exports = { activate, deactivate }

我希望类似的东西能在 webview 中工作。