SpringMVC を使用して vue クロスドメインリクエストを解決する-jsチュートリアル-php.cn

SpringMVC を使用して vue クロスドメインリクエストを解決する

亚连

リリース： 2018-06-06 14:08:24

オリジナル

2766 人が閲覧しました

以下に SpringMVC フィルターを使用して vue のクロスドメインリクエストの問題を解決する方法についての記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。一緒に見てみましょう

以前、アノテーションを通じてクロスドメインリクエストを解決するメソッドを書きました。今回は、毎回コントロールクラスでアノテーションを使用する必要があります:

Inherit SpringMVC クラスの HandlerInterceptor コントロールに到達する前に呼び出される preHandle メソッドを次のように記述します

public boolean preHandle(HttpServletRequest request, HttpServletResponse response, 
        Object handler) throws Exception { 
  response.setHeader("Access-Control-Allow-Origin", "*"); 
  response.setHeader("Access-Control-Allow-Methods", "*"); 
  response.setHeader("Access-Control-Max-Age", "3600"); 
  response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 
  response.setHeader("Access-Control-Allow-Credentials","true"); //是否允许浏览器携带用户身份信息（cookie） 
  return true; 
 }

ログイン後にコピー

springmvc の設定は次のとおりです:

<mvc:interceptors > 
 <!--过滤所有请求，处理跨域请求问题--> 
  <mvc:interceptor> 
   <mvc:mapping path="/**"/> 
   <bean class="com.jzy.interceptor.CommonInterceptor"></bean> 
  </mvc:interceptor> 
</mvc:interceptors >

ログイン後にコピー

これにより、SSM 時のクロスドメインリクエストの制限を解決できます。 +VUE はフロントエンドとバックエンドに分離されています。

上記は私があなたのためにまとめたものです。

redux-sagaのtakeの使い方の詳しい説明について

Visual Studio CodeでVueのブレークポイントデバッグを実装する方法

テーブルを介してクエリメソッドを追加、削除、変更する方法角Js

以上がSpringMVC を使用して vue クロスドメインリクエストを解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。