BlogAPI | simple blog API written in Python and uses MySQL | REST library

You can make author a read-only field, or if you're just using this serializer to create users and not retreive them. You can just remove 'author' from fields in the serializer meta.

Read-only field

Given that you are not serializing a relation, but rather an attribute of your model which is related to your user, I believe you have to use a serializer.SerializerMethodField(). This allows you to do the following:

Without seeing what you want to achieve it is difficult to know what to render specifically but in your example you could so something like this (I have used some example data rather than that in your question but the principle is the same):

So you are configuring Vue CLI dev-server (running on port 8001) to proxy all requests to /api to http://localhost:8080/blog/api (server) but at the same time configure Axios to use baseURL: process.env.VUE_APP_API_ADDRESS ...which means Axios is sending all requests directly to your server instead of proxy...

Just remove that baseURL: process.env.VUE_APP_API_ADDRESS from Axios config

I also believe your pathRewrite option in proxy config is incorrect.

1. You dispatch request to /dev-api/blog/lastBlogs
2. Request goes to Vue dev-server (localhost:8001)
3. Proxy translates /dev-api into http://localhost:8080/blog/dev-api = http://localhost:8080/blog/dev-api/blog/lastBlogs
4. pathRewrite is applied to whole path part of the URL - /blog/dev-api/blog/lastBlogs - RegEx ^/dev-api will not match

Try to change pathRewrite into [process.env.VUE_APP_BASE_API]: '/api'

So it seems your SignUp view fails to return a proper redirect.

views.py

Based on the full code you've provided me, I realised that you aren't properly updating the blogCreate state whenever there is a change at the Editor component.

The onEditorStateChange() should be updating the blogCreate state, and in addition, changeValue() needs to return the result value.