1.首先在src目錄下建立一個api目錄，下面建立cofing.js和recommend.js檔案，在config.js檔案中是一些跨域訪問的引數：

export const commonParams = {
    source: 'wap' //訪問時的公共引數
}
export const options = {
    param: 'callback'
}
export const ERR_OK = 0;  //訪問成功時的狀態碼

2.在recommend.js下：

import jsonp from '../common/js/jsonp';
import { commonParams, options } from './config';

export function getRecommend() {
    const url = 'http://www.yinyuetai.com/mv/get-bigpic'; //跨域請求的地址

    const data = Object.assign({}, commonParams, {
        platfrom: 'h5'
    });

    return jsonp(url, data, options);
}
 

3.在webpack.base.conf.js檔案中配置文件入口（module.export中的resolve的alias中配置）：

'api': resolve('src/api')

4.在需要使用資料的元件中（recommend.vue）：

<script>
import {getRecommend} from '../../api/recommend';
import {ERR_OK} from '../../api/config'
export default {
    created() {
      this._getRecommend();
    },
    methods: {
      _getRecommend() {
        getRecommend().then((res) => {
          console.log(res.bigPics);
        });
      }
    }
}
</script>