Vue axios 403

前端是vue2.0,網絡請求用的是axios,后端是springboot2.0

用axios向后端發送post請求,結果得到一個403無權限的錯誤,莫名其妙啊,我明明發送的是post請,但在chrome的調試里看到的卻是options。

意思就是跨域請求無權限了。

以下是我自己封裝了一個方法:

js:?new Vue({

? ? ? ? el: '#app',

? ? ? ? data: {

? ? ? ? ? ? msg: 'Hello World!'

? ? ? ? },

? ? ? ? methods: {

? ? ? ? ? ? handleClick : ()=>{

? ? ? ? ? ? ? ? let postP= {

? ? ? ? ? ? ? ? ? ? id: 227,

? ? ? ? ? ? ? ? ? ? mobile: 18332580425

? ? ? ? ? ? ? ? };

? ? ? ? ? ? ? ? let paramsData= params(postP);

? ? ? ? ? ? ? ? axios.post('http://192.168.1.201:8081/auth/updateAuthMobile',paramsData)

? ? ? ? ? ? ? ? .then(function(res){

? ? ? ? ? ? ? ? ? ? console.log(res);

? ? ? ? ? ? ? ? })

? ? ? ? ? ? ? ? .catch(function(err){

? ? ? ? ? ? ? ? ? ? console.log(err);

? ? ? ? ? ? ? ? });

? ? ? ? ? ? }? ?

? ? ? ? }

? ? ? })

? ? ? let params= (postJson)=>{

? ? ? ? ? ? let postJsonF= JSON.stringify(postJson).replace(/:/g, "=");

? ? ? ? ? ? let postJsonS= postJsonF.replace(/,/g, "&").slice(1,-1);

? ? ? ? ? ? let postData= postJsonS.replace(/"/g, "");

? ? ? ? ? ? return postData;

? ? ? }

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容