VUE는 VUE 교차 도메인 문제를 해결하기 위해 API 튜토리얼을 호출합니다.

VUE 호출 API 방법

1. 프로젝트에 VUE-CLI 스캐 폴딩을 사용하는 경우. // VUE-CLI는 프로젝트를 수행하기에는 너무 편리합니다.
2. axios를 설치합니다.

npm i axios

3. main.js 파일에 axios 프로토 타입 체인을 소개합니다.

import axios from 'axios'
Vue.prototype.$axios = axios  

4. config 폴더의 index.js 파일에있는 일부 proxtable {}

  proxyTable: {
    
    
            '/book': {
    
     //聚合平台有很多免费的API，大家可以参考使用
              target: 'http://apis.juhe.cn/goodbook/catalog',   //接口地址
              changeOrigin: true,
              pathRewrite: {
    
    
                '^/book': ''    //将以上的接口地址转义为 /book , 然后在需要调用接口的地方使用。
              }
            },
       }  

5. 페이지에서 전화

  data(){
    
    
  return{
    
    
  book:[] //创建一个数组来接收API的内容
  }
  }，
   created() {
    
      //在生命周期函数中调用
     this.$axios
     .get('/book?key=你的KEY&dtype=json') //接口一般是get或post，主要看文档。
     .then(res=>{
    
    
       this.book = res.data.result; //把数据给book数组
       console.log(res)  //打印数据
     })
   },

6. 끝났습니다. 많은 사람들이 터미널이 실행 중일 때 페이지를 테스트하면 404 또는 도메인 간 문제가 나타납니다. 가장 중요한 것은 이러한 문제를 해결하기 위해 다시 실행하는 것입니다. npn run dev, 다시 실행하십시오.