新專案前端用的vue全家桶,使用axios代替ajax請求後台介面,在調整註冊介面的時候,發現在session裡取不到驗證碼,排查後才知道獲取驗證碼和註冊兩個請求的session不同,sessionid不一樣。
現在調整一下vue的配置,修改main.js檔案,新增如下兩行**
import axios from 'axios'
axios.defaults.withcredentials=true;
修改後
import vue from 'vue'
import router from './router'
import elementui from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
import axios from 'axios'
// 預設false 會導致後台接收到的同一使用者的不同請求sessionid都不同,需要改為true
axios.defaults.withcredentials=true;
vue.config.productiontip = false
vue.use(elementui)
/* eslint-disable no-new */
new vue()
同時後台也需要配合修改,後台用的是spring boot,下面是修改後的結果
@configuration
public class corsconfig
@bean
public corsfilter corsfilter()
}
這是乙個允許跨越請求的類
設定
corsconfiguration.setallowcredentials(true);
設定了上行**後,addallowedorigin設定成*就不允許了
corsconfiguration.addallowedorigin("*")
需要設定成指定的位址
corsconfiguration.addallowedorigin("");
corsconfiguration.addallowedorigin("http://localhost:8080");
這樣就ok了 Vue使用axios呼叫後台介面
安裝axios 在命令列輸入如下命令進行安裝 npm install axios2.配置介面位址 在 config index.js對proxytable進行修改 proxytable 3.新增介面 在src資料夾下建立api資料夾,在api資料夾中新增user.js user.js import ...
vue中axios的使用
寫上乙個專案的時候,我們就用到了axios,但是我當時沒怎麼學,不知道從哪下手,這個時候我小夥伴又把咋用的給我整理好了,那我就老老實實的當個廢物,他怎麼說我怎麼用。最後能用,但是不理解為什麼這樣用,正好學vue中的axios時又重新學了一遍。直接拿 來講吧 axios.defaults.baseur...
vue之axios的使用
一 環境安裝 1 axios的安裝 進入到對應工程目錄執行 npm install axios2 啟動測試資料的api 二 使用axios 使用文件 1 傳送get請求例項 2 傳送post請求例項 additem context,payload else 儲存返回的資料狀態,mutation修改s...