VUE+UEditor를 사용하여 도메인 간 이미지를 업로드하는 방법

이번에는 VUE+UEditor 이미지 크로스 도메인 업로드 방법과 VUE+UEditor 이미지 크로스 도메인 업로드 구현 방법을 보여드리겠습니다. 다음은 실제 사례입니다. 바라보다. UEditor 공식 홈페이지에서는 크로스 도메인 단일 이미지를 제공하지 않기 때문에 본인만이 해결할 수 있다고 합니다. 인터넷에서 많은 솔루션을 확인했지만 vue와 함께 사용되는 솔루션은 없었지만 몇 가지 아이디어를 얻었습니다. 소스 코드를 너무 많이 변경하고 싶지 않다는 생각으로 시도했는데... 우연히 작동했습니다. 해결 방법: 단일 이미지를 업로드할 때 백엔드가 JSON을 직접 반환하지 않고 프런트 엔드 페이지로 리디렉션됩니다 프론트엔드: VUE

백엔드: WAMP + ThinkPHP5.0

프론트엔드

http://localhost:8888

1. 공식 웹사이트로 이동하여 UEditor를 vue로 다운로드하고 ueditor.config.js를 엽니다

서버

경로를 구성합니다(로컬 도메인 이름을 호스트 파일에 추가할 수 있음). 다음은 내 구성입니다

2. ueditor.all.js를 열고 3. JSON 데이터를 표시하는 페이지를 만듭니다.

라우팅 매개변수

를 직접 사용하여 반환된 결과를 받은 뒤 합쳤습니다. 전체 JSON을 수신할 수 없어 JSON을 모두 표시하지 않고 상태와 URL만 가져왔습니다. .

인터페이스

에 액세스하지 않고 백엔드 데이터를 수신하는 방법을 아직 모르겠습니다. 좋은 해결책이 있으면 제안해 주세요. 백엔드 http://localhost.server.com

1. UEditor PHP 버전을 다운로드하고 내부 PHP 폴더에 있는 파일을 프로젝트에 복사한 후 컨트롤러의 출력 결과에 판단을 추가합니다. 단일 사진은 결과를 직접 반환하지 않습니다

2. Config.json의 액세스 경로 및 저장 경로를 수정하세요

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Express에서 쿼리 서버를 구축하는 방법

맞춤형 Ajax 도메인 간 구성 요소 캡슐화

vue는 페이지 로딩 진행률 표시줄을 구현합니다

위 내용은 VUE+UEditor를 사용하여 도메인 간 이미지를 업로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!