1

2

npm install

npm run dev

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

import originJSONP from 'jsonp'

export default function jsonp(url, data, option) {

url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)

return new Promise((resolve, reject) => {

originJSONP(url, option, (err, data) => {

if (!err) {

resolve(data)

} else {

reject(err)

}

})

})

}

function param(data) {

let url = ''

for

let value = data[k] !== undefined ? data[k] : ''

url += `&${k}=${encodeURIComponent(value)}`

}

// 刪除第一個&

return url ? url.substring(1) : ''

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

config.js

export const commonParams = {

g_tK: 5381,

inCharset: 'utf-8',

outCharset: 'utf-8',

notice: 0,

format: 'jsonp'

}

export const options = {

param: 'jsonpCallback'

}

export const ERR_OK = 0

recommend.js

import jsonp from 'common/js/jsonp'

import {commonParams, options} from './config'

export function getRecommend() {

const data = Object.assign({}, commonParams, {

platform: 'h5',

uin: 0,

needNewCode: 1

})

return jsonp(url, data, options)

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<template>

<div class="recommend">

recommend

</div>

</template>

<script type="text/ecmascript-6">

import {getRecommend} from 'api/recommend'

import {ERR_OK} from 'api/config'

export default {

name: 'recommend',

created() {

this._getRecommend()

},

methods: {

_getRecommend() {

getRecommend().then((res) => {

if (res.code === ERR_OK) {

console.log(res.data.slider)

}

})

}

}

}

</script>