Vue 백 스테이지 관리 에서 시스템 프로젝트 전단 에서 크로스 도 메 인 문 제 를 해결 합 니 다.

1477 단어 vue총결산
  • 먼저 프로젝트 디 렉 터 리 에 있 는 config 폴 더 를 찾 고 index. js 를 찾 아 다음 코드 를 덮어 씁 니 다
  •   dev: {
    
        // Paths
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
          //         
          '/gdapi': {
            target: 'http://132.119.126.92:13220',
            changeOrigin: true,
            pathRewrite: {
              '^/gdapi': '/'
            }
          },
          '/api': {
            target: 'http://132.119.126.92:13221',
            changeOrigin: true,
            pathRewrite: {
                
    

    2. src 폴 더 아래 새 api 폴 더 는 요청 방법 을 저장 하 는 데 사 용 됩 니 다.
    import axios from 'axios'
    
    //       
    // axios.defaults.baseURL = 'http://132.119.126.92:13220'
    //       
    export const getGdList = obj => axios.get('/gdapi/gdwx/activejob/getJobs', {params: obj}).then(res => res.data)
    

    3. 데 이 터 를 가 져 올 페이지 에 도입
    import {getGdList, getGdStatus, getGdMarket} from '@/api'
    

    4. 데이터 렌 더 링
        //          
        initList () {
          this.loading = true
          getGdList({
            page: this.currentPage,
            size: this.pagesize
          })
            .then(res => {
              console.log(res)
              this.gdList = res.result.row
              this.total = res.result.totalsize
              setTimeout(() => {
                this.loading = false //        ,       
              }, 300)
            })
        },
    

    좋은 웹페이지 즐겨찾기