假設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

})

總結

以上是生活随笔為你收集整理的vue axios springboot 跨域的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。