Vue 공통 매개변수 전송 작업 요청

1915 단어 Vue요청하다공공매개 변수
나는 쓸데없는 말을 더 이상 하지 않겠다. 모두들 코드를 직접 보는 것이 좋겠다.

// An highlighted block
//http request 
axios.interceptors.request.use(
	config =>{
  const token = window.sessionStorage.getItem('Tk_token')
  const user_id=window.sessionStorage.getItem('Tk_user_id')

 // config.data = JSON.stringify(config.data);
 // config.headers = {
 //  'Content-Type':'application/x-www-form-urlencoded'
 // }
  if(token){
   config.params = {'token':token,'user_id':user_id}
  }
  console.log(config);
		return config;
	},
	err =>{
		return Promise.reject(err);
	}
)
보충 지식: Vue 연합axios가 백그라운드post 요청을 보낼 때의 매개 변수 문제
처음에 vue-resource를 사용했는데 나중에 이게 업데이트가 안 된 지 오래됐어요. 작가가 업데이트를 멈췄어요. 그리고 작가조차도 axios를 추천했어요. 그러면 저는 axios를 사용할게요. axios로 바꾼 후에 문제가 생겼어요. 매개 변수 문제예요.
어떤 매개 변수 문제입니까?vue-response로post 요청을 보낼 때, 전송된 매개 변수는 백그라운드로 하나하나 분리됩니다. 예를 들어 매개 변수를 전송했습니다.

{
  username:'name1',
  password:'pwd1'
}
바로 간단한 사용자 이름과 비밀번호입니다. vue-resource가 백엔드에 전달된 후에 백엔드의 인터페이스 방법 매개 변수는 두 개입니다. 하나는username이고 하나는password입니다. 모두 각각 찾을 수 있습니다.그러나 axios는 다르다. axios가 백그라운드에 도착한 후에 맵 구조의 대상이다. @RequestBody 맵맵 이런 방식으로 가져와 맵에서 하나씩 꺼내도 된다.그런데 Axios를 백그라운드에 전달할 수 있는 매개 변수도 하나하나 있을까요?있지.
첫 번째 방법은 URLSearch Params입니다. 이걸로 좋은 파라미터를 추가하면 백그라운드에 하나씩 들어가지만 이 IE는 지원되지 않습니다.
또 하나의 방법은 qs, qs의 경우 두 가지 도입 방식이 있는데 하나는 npm로 설치한 후에 직접import를 해서 사용할 수 있다는 것이다.다른 하나는 페이지에 qs를 직접 도입하는 것이다.js, 바로 이런 식으로
조심해!
여기 조심해야 돼!
import 방식으로 도입된다면 qs로 하겠습니다.stringify 호출하면 되는데!!!
조심해!
만약 js 파일이 도입된 방식이라면, 사용하는 Qs는 qs가 아니라, Q는 대문자 Q, 즉 Qs이다.stringify.
그리고 하면 돼!
상기 Vue가 공공 매개 변수를 전달하는 작업은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.
JS Arrow Function #3
[Kotlin] 3-2. 함수 정의와 호출

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage