Estoy usando vuejs y estoy tratando de hacer una solicitud GET a mi API. Estoy usando axios, pero no puedo importarlo, si uso require para importar axios obtengo este error: Error de Uncaught ReferenceError: require is not defined .
Este es mi archivo vuetest.js:
const axios = require("axios"); new Vue({ el: "#rentalsVue", data() { return { info: null, }; }, mounted() { axios.get("/getRentals").then((response) => (this.info = response)); }, });Este es el html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="rentalsVue"> {{ info }} </div> <script src="vuetest.js"></script> </body> </html>Esto sucede porque require() no existe en JavaScript del lado del navegador/cliente.
Debe importar Axios usando la etiqueta <script> y luego podrá usarlo.