1、后端解决:
/**
* @Description:解决跨域问题
* @author: djq
* @version:1.0
*/
@Configuration
public class CorsConfigration {
@Bean
public CorsFilter corsFilter() {
// 1.添加CORS配置信息
CorsConfiguration config = new CorsConfiguration();
// 1) 允许的域,
config.addAllowedOrigin("*");
// 3) 允许的请求方式
config.addAllowedMethod("OPTIONS");
config.addAllowedMethod("POST");
config.addAllowedMethod("GET");
// 4)允许的头信息
config.addAllowedHeader("*");
// 初始化Cors配置源
UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
// 2.添加映射路径,我们拦截一切请求
configSource.registerCorsConfiguration("/**", config);
// 3.返回CorsFilter实例.参数:cors配置源
return new CorsFilter(configSource);
}
}
2、vue前端解决:
config 下 index.js文件
/*
* @Description:
* @Author: djq
* @Version: 1.0.0
*/
'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.
const path = require('path')
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://127.0.0.1:9090', //后端接口地址
changeOrigin: true //是否允许跨越
pathRewrite: {
'^/api': '/api', //重写,
}
}
},
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
}