Vux的ajax引用
main.js 入口文件中引入:
import { AjaxPlugin } from 'vux'
Vue.use(AjaxPlugin)
全局使用:
Vue.http.post('/api').then()
组件中使用:
注意then的用法,与标准的axios略有不同
export default {
created () {
this.$http.post('/api').then(({data}) => { //此处为({data})
console.log(data)
})
}
}
跨域配置:
在/config/index.js的dev中修改proxyTable如下
proxyTable: {
'/api': {
target: 'http://localhost:8000/admin', //admin写在target中,还是^api中都可以
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
修改proxyTable后必须重新启动项目,否则不会生效