SSM架構(gòu)下的Cors跨域問(wèn)題

What is Cors?
Cross-Origin Resource Sharing (CORS)
先上MDN的原文解析
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
CORS 跨域 實(shí)現(xiàn)思路及相關(guān)解決方案
https://www.cnblogs.com/sloong/p/cors.html
How did I find out about this problem?
我是怎么發(fā)現(xiàn)這個(gè)問(wèn)題的?
首先是我最近的項(xiàng)目是個(gè)ssm三端項(xiàng)目,后端的管理頁(yè)面使用的是jsp技術(shù),如果按照之前項(xiàng)目架構(gòu)實(shí)現(xiàn)方案是不需要進(jìn)行后端jsp頁(yè)面跨域,但是我有新的業(yè)務(wù)需求需要跨域。
但是我還要按照之前的jsp頁(yè)面構(gòu)建方案將頁(yè)面搭建成如下結(jié)構(gòu)


按照上述的頁(yè)面構(gòu)建方案便可以保證我是無(wú)攔截的訪問(wèn)我本地服務(wù)器localhost:8080的API進(jìn)行數(shù)據(jù)訪問(wèn)
但是按照上述的構(gòu)造方案,進(jìn)行ajax數(shù)據(jù)訪問(wèn)導(dǎo)致我出現(xiàn)了如下報(bào)錯(cuò)!

Solutions解決方案


按照上述的方法 既可以阻止頁(yè)面進(jìn)行Ajax前進(jìn)行相關(guān)RequestHeader屬性設(shè)置
再使用ajax進(jìn)行訪問(wèn)外部網(wǎng)段API可以進(jìn)行跨域請(qǐng)求
StackOverflow
StackOverflow相識(shí)問(wèn)題的闡述
Request header field X-CSRFToken is not allowed by Access-Control-Allow-Headers in preflight response](https://stackoverflow.com/questions/33751191/request-header-field-x-csrftoken-is-not-allowed-by-access-control-allow-headers)