cristinafsanz
8/8/2019 - 8:54 AM

Proxy nuxt

https://medium.com/karibu-blog/c%C3%B3mo-configurar-un-proxy-con-nuxt-c55766db18db

proxy-nuxt-config.js
content_copyfile_download
modules: [
  ‘@nuxtjs/proxy’,
],

/* ‘/backend’ will be replaced by ‘http://localhost:18080’ */
proxy: {
  ‘/backend’: {
    target: ‘http://localhost:18080',
    pathRewrite: {
    ‘^/backend’: ‘/’,
    },
  },
},
proxy-nuxt-api-call.js
content_copyfile_download
/* Real call http://localhost:18080/claim */
async saveClaim(claim) {
  let response = {};
  response = await this.$axios.post('/backend/claim', claim);
  $log(response);
},
curl-way-axios.md
content_copyfile_download
  • Rendered
  • Source

For a CURL like this:

curl \
    -X POST \
    -d name=Cristina \
    -d surname=Fernandez \
    "URL"

The axios way would be:

try {
  const params = new URLSearchParams();
  
  params.append("name", this.form.name);
  params.append("surname", this.form.surname);

  const response = await this.$axios.$post(
      "URL",
      params
  );
  ...
} catch (e) {
  this.errorSend = true;
}