使用 npm:
$ npm install axios
圖片.png
1打開(kāi)跨域請(qǐng)求代理
config/index.js
module.exports{
dev: {
}
}
本人如下
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/doubai_api':{
target: 'http://api.douban.com',
pathRewrite: {
'^/doubai_api': ''
},
changeOrigin: true
}
},
}
2在main.js中導(dǎo)入如下配置
import Axios from 'axios'
Vue.prototype.$axios = Axios
Vue.config.productionTip = false
Vue.prototype.HOST = '/doubai_api'
3在HelloWrold.vue組件中使用
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},
mounted () {
var url = this.HOST + '/v2/movie/in_theaters'
this.$axios({
method: 'get',
url: url
})
.then(res => {
console.log(res.data)
})
.catch(error => {
console.log(error)
})
}
}
啟動(dòng)項(xiàng)目
圖片.png
