@Configuration
public class GlobalCorsConfig  {

    /**
     * 允許跨域調(diào)用的過(guò)濾器
     */
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        //允許所有域名進(jìn)行跨域調(diào)用
        config.addAllowedOriginPattern("*");
       // config.addAllowedOrigin("*");
        //允許跨越發(fā)送cookie
        config.setAllowCredentials(true);
        //放行全部原始頭信息
        config.addAllowedHeader("*");
        //允許所有請(qǐng)求方法跨域調(diào)用
        config.addAllowedMethod("*");
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }
}

如果setAllowCredentials為true，則config.addAllowedOrigin("*")的參數(shù)就不能是*，必須指明，這里直接注釋掉，使用addAllowedOriginPattern

Controller層：

路徑里包含了web，這個(gè)很重要，記住

yml文件：

后端的端口8086，應(yīng)用上下文路徑：/weijianweiAdminApi

再是前端：

dev.env.js中設(shè)置BASE_API為/web

在index.js中設(shè)置dev里面的proxyTable，這里是在開發(fā)過(guò)程中，在node.js上實(shí)現(xiàn)的一個(gè)轉(zhuǎn)發(fā)，將請(qǐng)求轉(zhuǎn)發(fā)到后端，主要解決了開發(fā)過(guò)程中的跨域問(wèn)題。

設(shè)置完這些以后，npm run dev，項(xiàng)目在本地可以運(yùn)行了

開發(fā)完成以后，項(xiàng)目打包，放到服務(wù)器上：

首先在服務(wù)器的nginx的html文件夾中創(chuàng)建文件夾命名為weijianwei

將npm run build 打包生成的文件放在weijianwei中：

修改index里面的assetsPublicPath為weijianwei，對(duì)應(yīng)上面文件夾名稱

設(shè)置nginx配置文件nginx.conf：

 server {
        listen       8099;      
		server_name  localhost;
		location /weijianweiAdminApi/ {
            proxy_set_header Host $host;
			proxy_set_header  X-Real-IP        $remote_addr;
			proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
			proxy_set_header X-NginX-Proxy true;
			client_max_body_size 200m;
			proxy_pass http://localhost:8086;
        }
    }

監(jiān)聽端口8099，匹配路徑weijianweiAdminApi，將其轉(zhuǎn)發(fā)到http://localhost:8086上，

此時(shí)訪問(wèn)項(xiàng)目：http://localhost:8099/weijianwei 成功出現(xiàn)頁(yè)面，登錄時(shí)候，預(yù)檢請(qǐng)求通過(guò)，正式請(qǐng)求報(bào)跨域問(wèn)題

前端項(xiàng)目prod.env.js設(shè)置 BASE_API: