web-dev-qa-db-fra.com

Comment utiliser axios dans Vue (TypeScript)?

Je voudrais utiliser axios in vue (TypeScript), mais j'ai des problèmes avec mon code. C'est ma main.ts

import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = 'http://192.168.1.225:8088'

et voici mon code de vue capture d'écran ici

C'est la première fois que j'utilise TypeScript avant de l'utiliser d'une autre manière en javaScript et que je n'avais aucun problème. Comment puis-je l'utiliser dans TypeScript? 

Merci pour votre temps et votre solution.

javascripttypescriptvue.jsprototype
3
william

Etes-vous sûr d'utiliser la demande POST? Cela ressemble à une requête GET à cause de 'GetTreeTenant' et vous pouvez essayer uniquement axios à la place de $ axios.

let uri = '<url here>';
  this.axios.post(uri, data).then((response) => {
    console.log(response);
});
1
regex

Une solution rapide et sale serait de définir votre objet Vue pour qu’il en saisisse un. TypeScript vous informe qu'il ne reconnaît pas la propriété $ axios sur l'objet Vue.

Lorsque vous dites à TypeScript que l'objet Vue peut être n'importe quoi, vous êtes autorisé à ajouter les propriétés de votre choix.

const app : any = new Vue({})
0
Bergur

Dans TypeScript, nous pouvons utiliser l'extension de module . https://vuejs.org/v2/guide/TypeScript.html#%E5%A2%9E%E5%BC%BA%E7%B1%BB%E5 % 9E% 8B% E4% BB% A5% E9% 85% 8D% E5% 90% 88% E6% 8F% 92% E4% BB% B6% E4% BD% BF% E7% 94% A8

declare module 'vue/types/vue' {
interface Vue {
}}
0
william