Comments (5)
Glad you find the solution by yourself. :)
from vuex-rest-api.
Your server should work fine. You have to dispatch the actions as written here: https://github.com/christianmalek/vuex-rest-api#calling-the-actions
// wrong
this.$store.dispatch("addTodo", body)
// correct
this.$store.dispatch("addTodo", {data: body})
from vuex-rest-api.
I've changed the dispatch as shown: this.$store.dispatch("addTodo", {data: body});
, and I still get an empty json object on the server. Is there anything special that needs to happen for the data to be sent to the server properly? Does Axios normally send the data object as a request body? I'm also logging my object before sending it and confirming that the expected data is there before sending it.
Edit: I've confirmed with postman that I can receive a body on my express server.
Edit: I figured it out, my object literal was not a properly formatted JSON string. You can close this issue now.
from vuex-rest-api.
Does Axios normally send the data object as a request body?
Yes. This should work.
I'm also logging my object before sending it and confirming that the expected data is there before sending it.
How do you log it? If you use an axios interceptor you have to return the config (see https://github.com/mzabriskie/axios#interceptors).
from vuex-rest-api.
I logged it on the server with a console log. I figured out with Postman that it was improperly formatted JSON that was the problem. I fixed it on the client and I can now send items to the server. Thank you for the help!
from vuex-rest-api.
Related Issues (20)
- What does pending really mean? Not sure if this is intended behavior. HOT 2
- V3 - Checklist HOT 2
- Handling rejected promises HOT 3
- Update axios peer dependency HOT 6
- Can't install HOT 5
- Not possible to create a pr HOT 3
- [QUESTION] - Pre API Call Transformation HOT 3
- How to use vuex-rest-api with nuxt.js auth-module HOT 15
- Caching requested data HOT 8
- Using webpack: vuex_rest_api__WEBPACK_IMPORTED_MODULE_0___default.a is not a constructor HOT 4
- Correct way to change state HOT 9
- provide action payload in onSuccess HOT 4
- Add support of mapping response object to typed model objects HOT 1
- Section "calling-the-actions" disapeared from the docs HOT 2
- Not an issue tip for CORS. [Tips] HOT 1
- Callback when rest call completes HOT 2
- Support for Fetch API HOT 4
- Add ability to add "namespaced" option for "getStore" HOT 4
- How to get rid of error&pending in setting a custom state? HOT 7
- Update peer dependency of axios HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuex-rest-api.