nuxt-community / axios-module

Secure and easy axios integration for Nuxt 2
https://axios.nuxtjs.org
MIT License
1.2k stars 245 forks source link

Problem with ssr Cors then axios and proxy #582

Open Rileyjrjohns opened 2 years ago

Rileyjrjohns commented 2 years ago

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... Capture d’écran 2022-07-13 à 10 33 15