>  기사  >  PHP 프레임워크  >  Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

藏色散人
藏色散人앞으로
2020-08-06 13:22:363909검색

다음 thinkphp 프레임워크 튜토리얼 칼럼에서는 Thinkphp와 vue의 공동 개발에 있어서 Thinkphp의 구성 문제를 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

Thinkphpvue와의 공동 개발 시 Thinkphp 구성 문제:

1 Thinkphp는 기본적으로 json 형식으로 데이터를 반환합니다

(1) 전역 설정 - Thinkphp 구성 파일 구성 수정 php:

'default_return_type'    => 'json',

default_return_type 속성의 기본값은 'html'입니다. 'json'으로 변경한 후 컨트롤러 메서드에서 직접 반환되는 데이터는 json 형식입니다. the system

(2) 별도 설정 - "작업"에서 다음을 통해 데이터를 반환합니다. return json(array, 404)(첫 번째 매개 변수는 배열 또는 개체이고 두 번째 매개 변수는 상태 코드입니다).

return json(['name' => 'thinkphp','status' => '1'], 200);

출력 데이터(전역 및 개별 설정의 결과가 동일함):

{"name":"thinkphp","status":"1"}

2. 도메인 간 vue 요청 문제

프론트 엔드와 백 엔드가 분리되면 vue는 크로스-도메인을 만나게 됩니다. axios를 통해 직접 도메인 요청 문제: 요청한 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다.

Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

"Action"에서 요청 헤더를 설정해야 합니다.

header('Access-Control-Allow-Origin: *')

복사하여 붙여넣기 "Action"에 직접 첫 번째 줄이면 충분합니다. 다음과 같습니다.

Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

Axios를 통해 이 "작업"을 연결하면 도메인 간 제한에 대한 메시지가 표시되지 않습니다.

Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결

위 내용은 Thinkphp와 vue의 공동 개발에서 Thinkphp의 구성 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제