vue掉接口 403 Forbidden

根据提供的引用内容，解决Vue调用springboot接口403跨域问题的方法如下：

1. 在Vue项目的config文件夹下的index.js文件中，找到dev对象，添加proxyTable配置项，示例如下：

dev: {
  // ...
  proxyTable: {
    '/api': {
      target: 'http://localhost:8080', // 将请求代理到后端的地址
      changeOrigin: true,
      pathRewrite: {
        '^/api': '' // 将/api替换为空字符串
      }
    }
  }
}

2. 在Vue项目的src文件夹下的main.js文件中，添加axios拦截器，示例如下：

import axios from 'axios'

axios.interceptors.request.use(
  config => {
    config.headers['Content-Type'] = 'application/json;charset=UTF-8'
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

axios.interceptors.response.use(
  response => {
    if (response.status === 200) {
      return response.data
    } else {
      return Promise.reject(response)
    }
  },
  error => {
    return Promise.reject(error)
  }
)

Vue.prototype.$http = axios

3. 在Vue项目中调用接口时，使用相对路径或者绝对路径，示例如下：

this.$http.get('/api/example')
  .then(response => {
    console.log(response)
  })
  .catch(error => {
    console.log(error)
  })

这样配置后，Vue项目就可以成功调用springboot接口，解决了403跨域问题。