開發React項目時前端通過axios向後端代碼發起請求調試的時候由於後端代碼運行在8080端口而React項目運行在3000端口導致瀏覽器的同源策略禁止跨域請求,因此需修改Tomcat配置文件web.xml以開放跨域訪問。
在tomcat的web.xml文件末尾加上:
<filter>
<filter-name>CorsFilter</filter-name>
<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
<init-param>
<param-name>cors.allowed.origins</param-name>
<param-value>*</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CorsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>