解决Vue与Spring Boot前后端之间的跨域问题

安装axios：npm install axios

在main.js中引入axios

import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = '/api'

接着在项目的主目录下新建：vue.config.js

在vue.config.js中添加

module.exports = {
    devServer: {
        host: '127.0.0.1',
        port: 8081, // 这个是自己本地vue项目启动的端口
        proxy: {
            '/api': { // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的
                target: "http://localhost:8080", //目标地址，一般是指后台服务器地址
                changeOrigin: true, //是否跨域
                pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替
                    '^/api': "" 
                }
            }
        }
    }
}

我们只需要写目标地址后的路径即可

这样就解决了Vue与Spring Boot前后端之间的跨域问题了