VUE 크로스 도메인과 도메인 간 장고

1, 내가이, config 파일에서 한 크로스 도메인 구성 내부하는 index.js를 알고있는 최초의 크로스 도메인 VUE :

= {module.exports이 
  dev에 { 

    // 경로 
    assetsSubDirectory '정적', 
    assetsPublicPath를 '/', 
    proxyTable : { 
      '/ API': {// 사용 "/ API"대신에 "http의 : //f.apiplus. C " 
        대상 : 'HTTP : //127.0.0.1 : 8000 /', // 소스 주소 
        changeOrigin : 사실, // 주소 변경 
        pathRewrite : { 
          '^ / API': ''// 라우팅 재기록 
        } 
      } 
    }, 
VUE 코드 :

마운트 () { 
    this.axios ({ 
        URL '/ API / sadmin / 표시 /'#后端接口
        데이터 {} 
        있어서 '얻을' 
    }). 다음 ((해상도) => { 
        CONSOLE.LOG ( 고해상도) 
        의 경우 (res.data.code == 200) { 
            this.alist = res.data.message 
        }


2, 다른 하나는 코드 VUE 시간을 기록한다 : 직접 지정 경로를 :

방법 : { 
    로그인 () { 
        formdata 새로운 FormData를 () =하자; 
        formdata.append ( 'accout'this.accout); 
        formdata.append ( '비밀번호', this.password); 
        this.axios ({ 
            URL : 'HTTP : //127.0.0.1 : 8000 / API / doctorLogin /'#指定后端端口号
            방법 : '포스트' 
            데이터 : formdata 

     }). 다음 ((고해상도) => {

        CONSOLE.LOG (RES) 
        } 
번째 옵션은 다음 내부 장고 교차 영역에 배치되는 경우;

= INSTALLED_APPS [ 
    'django.contrib.admin' 
    'django.contrib.auth' 
    'django.contrib.contenttypes' 
    'django.contrib.sessions' 
    'django.contrib.messages' 
    'django.contrib.staticfiles' , 
    'rest_framework'는 
    'corsheaders'는 도메인에서이 행은 등록시 # 
    'weblist' 
] 

뿐만 아니라 미들웨어

미들웨어 = [ 
    'django.middleware.security.SecurityMiddleware', 
    'django.contrib.sessions.middleware.SessionMiddleware', 
    'corsheaders.middleware.CorsMiddleware', #配置这一行
    'django.middleware.common.CommonMiddleware' 
    # '장고 .middleware.csrf.CsrfViewMiddleware ', 
    'django.contrib.auth.middleware.AuthenticationMiddleware ', 
    'django.contrib.messages.middleware.MessageMiddleware ', 
    'django.middleware.clickjacking.XFrameOptionsMiddleware '

그리고 기본 경로에 API를 추가하는 것을 잊지 마세요

= urlpatterns [ 
    패스 ( 'ADMIN /'admin.site.urls) 
    경로는 도메인 간 인터페이스 API 번호 ( "API / '는은 ('weblist.urls ')를 포함) 
] 

수를! !

VUE 크로스 도메인과 도메인 간 장고

추천