vue$http 의 get 과 post 크로스 도 메 인 문제 해결 요청

우선 config/index.js 에 proxy Table 을 설정 합 니 다.

 proxyTable: {
      '/api':{
          // target:'http://jsonplaceholder.typicode.com',
          target:'http://localhost:9080',
          changeOrigin:true,

           pathRewrite:{
               '/api':''
           }
      }

사용자 이름과 비밀번호 로 로그 인 한 폼 제출

 methods: {
// get  
            //  submitForm() {
            //      var formData=JSON.stringify(this.ruleForm);
            //      this.$http.get('/api/amdatashift/login/probe').then(function(data){

            //      }).catch(function(){
            //          console.log("     ");
            //  });
            //  }
  //post  
             submitForm() {
                 var formData=JSON.stringify(this.ruleForm);
                 this.$http.post('/api/amdatashift/login/user',{

                     username:this.ruleForm.username,
                     password:this.ruleForm.password
                 },{
                            emulateJSON:true
                        }).then(function(data){
                      console.log(data); 
                 }).catch(function(){
                     console.log("     ");
             });
             }
      }

주의해 야 할 것 은:

{emulateJSON:true}을 설정 해 야 합 니 다.그렇지 않 으 면 도 메 인 을 뛰 어 넘 는 데 성공 하지 못 합 니 다

크로스 도 메 인 은 chrome 브 라 우 저 에서 보 았 습 니까?http://localhost:8080(즉,서버 가 사용 하 는 주소 가 아 닌 vue 주 소 를 시작 합 니 다)그 러 니 놀 라 지 마 세 요.사실은 도 메 인 을 뛰 어 넘 는 데 성 공 했 습 니 다

http 요청 에/api 를 가 져 가 야 합 니 다.index.js 의 대 리 를 통 해/api 를 제거 합 니 다.브 라 우 저의 방문 주 소 는?http://localhost:8080/api/amdatashift/login/user그리고 실제 방문 주 소 는?http://localhost:9080/amdatashift/login/user。대 리 를 통 해 크로스 도 메 인 접근 을 실현 하 였 습 니 다

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

layui 다 중 파일 업로드 에 대하 여 (그림 업로드 의 경우)

긴 말 하지 않 고 코드 를 붙 여서 여러분 과 공유 하도록 하 겠 습 니 다. html 코드 블록 js 코드 블록 코드 에 상세 한 주석 이 있 습 니 다. 모 르 는 것 이 있 으 면 메 시 지 를 남 겨 주세요...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

vue$http 의 get 과 post 크로스 도 메 인 문제 해결 요청

좋은 웹페이지 즐겨찾기