Below I will share with you an article to solve the problem of using axios http request in vue2. It has a good reference value and I hope it will be helpful to everyone.
Solution to the problems that arise when using axios to process post requests
By default: axios.post(url, params).then( res => res.data);
When the url is a remote interface link, a 404 error will be reported:
Uncaught (in promise) Error: Request failed with status code 404
We need to instantiate a new axios and set its message The header is 'content-type': 'application/x-www-form-urlencoded'
So the solution is:
var instance = axios.create({ headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance .post(`url`, params).then(res => res.data);
Then I found that no error was reported, but the background could not accept the incoming parameters. After consulting the information, I found that a qs module needed to be introduced
var qs=require('qs'); var instance = axios.create({ headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance .post(`url`, qs.stringify(params)).then(res => res.data);
Done!
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
Angular4 integrated ng2-file-upload upload component
iview table height dynamic setting method
How to install style/css loader in vue2.0
The above is the detailed content of Detailed instructions on using axios to solve http request problems in vue2 (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!