How to fix CORS error on 3rd party API call in Nuxt 3?
I am working on Nuxt 3 with useFetch hook to call API. When I call the 3rd party API post https://apitest.bankfeeds.com.au/v1/customer/data using useFetch hook, it returns the CORS error
CORS Missing Allow Origin
I have the ssr: false in my nuxt.config.ts file
I have tried to set cors on nuxt config file but not working and returns the same error.
Solution
It's probably giving you a CORS error because you are fetching the API through the browser and not trough the backend.
Most third party API's deny cross-origin requests.
Try fetching the API from postman, if it works just put the fetch call in the server-side backend.
- How to include all "vue" files from directory into the build without explicitly importing them
- Is it possible to import *.vue files in a folder?
- Nuxt not automatically importing components from nested directory
- How to resolve problem with DataTable in PrimeVue
- Passing template Ref with Provide Inject
- Breakpoints related SASS variables doesn't seem to be taken into account when container related SASS variables are defined
- How to get vuedraggable to work in Vue 3?
- How to execute a function passed as a string argument?
- Prevent form submitting when pressing enter from a text input, using Vue.js
- Changing Vue Component Tag Color in VSCode: Issues with Token Scoping
- Nuxt3 - Ignore Type checking for few files
- Vuetify 3 v-data-table open groups and show grouped rows by default
- Quasar infinite scrolls keep fetching datas
- Can I pass parameters in computed properties in Vue.Js
- this set-cookie was blocked because it has the samesite=lax
- How can I change all Vuetify's inputs opacity?
- How can I disable v-text-field focused effect?
- running a vite dev server inside a docker container
- How can I define an emit which doesn't have any args in Vue 3.3+ ? (TypeScript)
- How can I define an emit with a return type different from void in Vue 3.3+ ? (TypeScript)
- How can I truncate v-data-table column content by using cellProps?
- Trigger an onclick inside a PrimeVue Dropdown
- How to disable a vuejs router-link?
- How can I add a border bottom to Vuetify v-tabs?
- How can I use special characters when using vue-i18n linked messages?
- How can I properly set the gradient of a gauge vue-echart?
- How can I set width and height of a vue-echart? (not canvas width and height)
- Cypress spy not being called when VueJS component emits event
- How to get number of slot in a VueJS component
- Vue @click="show = true" error Replace `show·=·true` with `(show·=·true)` eslint(prettier/perttier)