axios-module
axios-module copied to clipboard
Problem with ssr Cors then axios and proxy
Hello,
I had problems yesterday that I never had on previous nuxt projects.
I have indeed read that it was necessary to set the proxy to solve the problem. Despite this, I have a 504 error. I followed several solutions found on the github repository without having found the problem.
My post function
await this.$axios.post("/api/contact", { replyTo: this.form.email, name: this.form.name, firstName: this.form.firstName, phone: this.form.phone, company: "", message: this.form.message, }).then(() => { this.isSend = true; }) .catch((e) => { console.log(e); this.isError = true; });
My nuxt config
modules: ["@nuxtjs/axios", "@nuxtjs/proxy"], axios: { proxy: true, debug: true, }, proxy: { "/api/": { target: "http://myserver.eu-west-3.elasticbeanstalk.com/", pathRewrite: { "^/api/": "" }, changeOrigin: true, }, },
my api call need to be done on http://myserver.eu-west-3.elasticbeanstalk.com/contact
I'm pretty sure I made a mistake somewhere, but I really can't find where...