假设springboot开发的应用运行在http://localhost:8081, 获取用户的查询接口为/users.
webpack devServer运行在http://localhost:8080
修改webpack的配置文件config/index.js
dev:{
proxyTable:{
'/api':{
target:'http://localhost:8081',
changeOrigin:true,
pathRewrite:{
'^/api':'/'
}
}
}
}
修改main.js引入axios
import axios from 'axios'
Vue.prototype.$http = axios
发送请求
this.$http.get('/api/users').then((res) => {
this.users = res.data.users
})