无法通过Vue.js完成简单的GET请求

如何解决无法通过Vue.js完成简单的GET请求

为了简单起见，我想提出一个请求，就像使用CURL或Postman的GET一样。例如：

curl https://www.google.com

给予

<!doctype html><html itemscope="" ... </body></html>

但是，我无法使用fetch，axios，request，nee ...

我要做的就是在Vue.js中进行GET调用（对https://www.google.com）并弹出alert(...);，并显示结果。

我如何完成这样一个简单而基本的任务？

解决方法

您可以通过方法调用fetch。

Vue.config.devtools = false;
Vue.config.productionTip = false;

var app = new Vue({
  el: '#app',data: {
    res: ""
  },methods: {
    async get() {
      const url = 'https://jsonplaceholder.typicode.com/todos/1';
      this.res = await fetch(url).then(r => r.json());
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <button @click="get">Fetch</button>
  {{ res }}
</div>