1:安装axios依赖
npm install axios --save
2:在main.js里导入axios
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import VueResource from 'vue-resource'
import Axios from 'axios'Vue.use(ElementUI)Vue.use(VueResource)Vue.use(Axios)Vue.prototype.$axios = Axios
new Vue({ el: '#app', router, components: { App }, template: '<App/>'})
3:index.js配置proxyTable
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/index':{
target:'http://127.0.0.1:8088',
changeOrigin:true,
pathRewrite:{
'^/index':'index'
}
},
'/systemLogController':{
target:'http://127.0.0.1:8088',
changeOrigin:true,
pathRewrite:{
'^/systemLogController':'systemLogController'
}
}
},
4:随意在一个组件创建访问路径
<template>
<button @click="test">后台</button>
</template>
export default {
test () {
this.$axios({
method: 'post',
url: '/index/testMysql' }).then(res => {
console.log(res.data)
}).catch(err => {
console.log(err.response.message)
})
this.$axios({
method: 'post',
url: '/systemLogController/selectAllULog' }).then(res => {
console.log(res.data)
}).catch(err => {
console.log(err.response.message)
}
)
}
}
}
既可