Tomcat解决跨域问题

1. 今天在本地启动Vue脚手架项目，由于本项目里面有个简单的登录页面，该页面并没有和后台连接，但是依然出现了跨域问题，原因是Tomcat出现了问题，记录过程如下：

2.  修改Tomcat配置

• 修改Tomcat的conf目录下的该文件，对于所有项目生效
• 修改项目文件夹WEB-INF下的Web.xml，则只对该项目起作用。
• 本方法支持Tomcat版本为7.0.41及以上。

3. 修改tomcat下的conf->web.xml,在该文件<web-app>标签下添加如下代码，重启tomcat即可

 

<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>

4. 重启后登陆成功，并显示出内容