解决跨域CROS问题

解决跨域CROS问题

以下方法选择其中一个即可

1、后端加注解

@CrossOrigin

在要跨域的方法上或类名上加注解@CrossOrigin即可

@CrossOrigin
public class FileController {}

2、前端vue配置

1. 配置代理

   vue.config.js

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://127.0.0.1:8080/',//跨域接口的地址
                logLevel:'debug',
                changeOrigin: true,
                xfwd:true,
                pathRewrite: {
                    '^/api': ''
                }
            },
        }
    }
}

2. 配置自己封装的网络请求

   配置baseURL: ‘/api’

//1.创建axios实例
const instance = axios.create({
    // baseURL: 'http://152.136.185.210:7878/api/m5',
    // baseURL: 'http://127.0.0.1:8080/',
    baseURL: '/api',
    timeout: 5000
})