Boa tarde, sou iniciante em VueJS e estou fazendo um formulário HTML que precisa verificar uma API externa via requisição post HTTP. Achei várias explicações na internet mas nada sucinto, gostaria de entender como posso passar a URL como parâmetro. A documentação da API é a seguinte: https://documenter.getpostman.com/view/4058085/SWDzdLAF?version=latest
Atualmente meu código está dessa forma:
import Cotacao from './services/cotacoes'
export default {
data(){
return {
cotacao: {
firstName: '',
lastName: '',
qtd: '',
phone: '',
vehicleType: '',
vehiclePlate: '',
totalValue: '',
},
cotacoes: []
}
},
mounted(){
Cotacao.listar().then(resposta => {
console.log(resposta.data)
this.produtos = resposta.data
})
},
methods: {
salvar(){
Cotacao.salvar(this.cotacao).then(resposta =>{
console.log(resposta.data)
})
}
}
}
e a config da minha API está da seguinte forma, no arquivo "config.js"
import axios from 'axios'
export const http = axios.create({
baseURL: 'https://us-central1-onsurance-new.cloudfunctions.net/quote/tires?totalValue=<number>&qtd=<number>&vehicleType=<string>&firstName=<string>&lastName=<string>&userEmail=<string>&vehiclePlate=<string>&dailyUsage=<number>&phone=<string>'
})
E no arquivo "cotacoes.js" está da seguinte forma:
import { http } from './config'
export default {
listar:() => {
return http.get('cotacoes')
},
salvar:(cotacao) => {
return http.post('cotacao', cotacao)
}
}
Peço desculpas por qualquer erro grotesco, sou iniciante em Vue, agradeço quem puder me ajudar!