springboot vue axios 跨域请求

Posted 坍雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 可以放在函数前,经过测试成功返回值

 

以上是关于springboot vue axios 跨域请求的主要内容,如果未能解决你的问题,请参考以下文章

记录:使用springboot的cors和vue的axios进行跨域

springboot解决跨域问题跨域

使用 vue-resource 发送跨域请求

Vue-创建axios实例并实现跨域请求(完整过程-前端)

vue axios请求的问题

vue axios跨域