springboot vue axios 跨域請求

一個簡單的例子

在vue工程中，安裝axios

npm install axios

src/main.js 配置如下

import axios from 'axios'

Vue.prototype.$axios = axios

Vue.config.productionTip = false

axios.defaults.withCredentials = false//這個默認即為false，如果改為true，可以傳遞session信息，后端要做相應修改來放行，本例中我們用false簡單測試

 

 

vue文件中書寫如下：

 

后端Springboot配置：

在controller的類上方添加   @CrossOrigin

 

完成。進行測試

 

 

備注：

1. 不需要修改前端 config / index.js 中的 proxyTable

2. @CrossOrigin 可以放在函數前，經過測試成功返回值