使用axios post 請求資料無法提交的問題

在使用axios post 和put方法時候，提交了資料但是檢視資料的時候發現提交的是空的，這裡就需要2點地方需要注意

1.和後臺協商post,put請求方法的請求頭設定為Content-Type:application/x-www-form-urlencoded

2.在main.js中引入（若引入後報錯,那就下載一個npm install qs ）

import qs from 'qs'

此庫是post,put序列化資料使用的,接下來在攔截器裡面設定全域性方法針對post,put提交的資料進行序列化，程式碼如下

  axios.interceptors.request.use(
      config => {
       if (config.method=='post'||config.method=='put'){
          config.data=qs.stringify(config.data);
        };
      
        }
        return config;
      },
      err => {
        alert(err)
        return Promise.reject(err);
      });

npm run dev重啟下， 這裡我們就可以正常提交了。