vue跨域解决方式
进行跨页面访问数据,出现如下问题
由于跨域的问题
解决方案1:
controller层加上@CrossOrigin注解
或者要访问那个方法,在方法上写也可以,就可以访问了
解决方案二:
配置跨域的相关信息:
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/animalApi': {
target: 'http://localhost:8080/',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true, //這裡true表示实现跨域
pathRewrite: {
'^/animalApi': '/' //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
}
},
},
访问路径:
queryAnimalList () {
var self = this
this.$axios.get('/animalApi/animal/queryAnimalList.do').then(function (response) {
self.tableData = response.data
})
},