Vue使用axios引起的後台session不同

2021-09-02 05:01:22 字數 1223 閱讀 7380

新專案前端用的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...