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. 重啟后登陸成功，並顯示出內容