vue跨域解决方式

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
      })
    },