SpringMCV跨域

不在同服务器访问就会产生跨域（用其他软件编写HTML测试）

后台Controller

package edu.nf.ch02.controller;

import org.springframework.web.bind.annotation.*;

/**

 * @Author Eric

 * @Date 2018/12/3

 */

@RestController

@RequestMapping("/app")

/**

 * origins = "*" 参数是个数组{"1","2"}

 * 标注在方法上时表示当前的请求处理方法支持跨域，但会合并属性配置

 * 注意，这种方式的配置只对当前类有效，对其他的Controller是不起作用的，

 * 如果需要所有的Controller都支持跨域访问，那么可以配置全局的跨域访问

 * （通过xml或者是java配置）

 */

//@CrossOrigin(origins = "*",methods = {RequestMethod.GET,RequestMethod.POST})

public class CorsController {

    @PostMapping("/login")

    public String login(String userName,String password){

        if("admin".equals(userName) && "123".equals(password)){

            return "success";

        }else {

            return "fail";

        }

    }

}

dispatcher.servlet.xml设置全局配置（记得配置web.xml）

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

       xmlns:context="http://www.springframework.org/schema/context"

       xmlns:mvc="http://www.springframework.org/schema/mvc"

       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <context:component-scan base-package="edu.nf.ch02"/>

    <mvc:annotation-driven/>

    <mvc:default-servlet-handler/>

    <!--全局的跨域配置-->

    <mvc:cors>

        <!-- /** 表示所有请求都将支持跨域方法 -->

        <mvc:mapping path="/**" allowed-origins="*" allowed-methods="GET,POST,PUT,DELETE"/>

    </mvc:cors>

</beans>

html

<!DOCTYPE html>

<html>

    <meta charset="utf-8">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">

    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>

    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>

    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>

    <head>

        <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'>

              <span class="icon icon-left"></span>

              返回

        </a>

        <h1 class="title">我的App</h1>

    </head>

    <body>

        <nav class="bar bar-tab">

            <a class="tab-item active" href="#">

              <span class="icon icon-home"></span>

              <span class="tab-label">首页</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-me"></span>

              <span class="tab-label">我</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-star"></span>

              <span class="tab-label">收藏</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-settings"></span>

              <span class="tab-label">设置</span>

            </a>

          </nav>

        <div class="content">

              <div class="list-block">

                  <form id="f1">

                    <ul>

                      <!-- Text inputs -->

                      <li>

                        <div class="item-content">

                          <div class="item-inner">

                            <div class="item-title label">Name</div>

                            <div class="item-input">

                              <input type="text" name="userName" placeholder="Your name">

                            </div>

                          </div>

                        </div>

                      </li>

                      <li>

                        <div class="item-content">

                          <div class="item-inner">

                            <div class="item-title label">Password</div>

                            <div class="item-input">

                              <input type="password" name="password" placeholder="password">

                            </div>

                          </div>

                        </div>

                      </li>

                    </ul>

                </form>

              </div>

              <div class="content-block">

                <div class="row">

                  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>

                  <div class="col-50"><a href="#" id="login" class="button button-big button-fill button-success">登陆</a></div>

                </div>

              </div>

        </div>

    </body>

    <script>

        $(function(){

            $("#login").on("click",function(){

                    $.ajax({

                    type:"post",

                    url:"http://localhost:8080/app/login",

                    data:$("#f1").serialize(),

                    success:function(result){

                        alert(result);

                    }

                });

            });

        });

    </script>

</html>

SpringMCV跨域的更多相关文章

Ajax及跨域
概念 Ajax Ajax,Asynchronous JavaScript and XML,字面意思:异步的 JavaScript 和 XML,是指一种创建交互式网页应用的网页开发技术. 用于异步地去获 ...
Taurus.MVC 2.2 开源发布：WebAPI 功能增强（请求跨域及Json转换）
背景: 1:有用户反馈了关于跨域请求的问题. 2:有用户反馈了参数获取的问题. 3:JsonHelper的增强. 在综合上面的条件下,有了2.2版本的更新,也因此写了此文. 开源地址: https:/ ...
ASP.NET Web API 跨域访问（CORS）
一.客户端用JSONP请求数据如果你想用JSONP来获得跨域的数据,WebAPI本身是不支持javascript的callback的,它返回的JSON是这样的: {"YourSignatu ...
解决cookie跨域访问
一.前言随着项目模块越来越多,很多模块现在都是独立部署.模块之间的交流有时可能会通过cookie来完成.比如说门户和应用,分别部署在不同的机器或者web容器中,假如用户登陆之后会在浏览器客户端写入c ...
关于python的bottle框架跨域请求报错问题的处理
在用python的bottle框架开发时,前端使用ajax跨域访问时,js代码老是进入不了success,而是进入了error,而返回的状态却是200.url直接在浏览器访问也是正常的,浏览器按F12 ...
JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
跨域问题，前端主动向后台发送cookie
跨域是什么? 从一个域名的网页访问另一个域名的资源,就会出现跨域.只要协议.端口.域名有一个不同就会出现跨域例如: 1.协议不同 http://www.baidu.com:80 和 https:/ ...
Vue.js——基于$.ajax实现数据的跨域增删查改
概述之前我们学习了Vue.js的一些基础知识,以及如何开发一个组件,然而那些示例的数据都是local的.在实际的应用中,几乎90%的数据是来源于服务端的,前端和服务端之间的数据交互一般是通过ajax ...
HTML5笔记：跨域通讯、多线程、本地存储和多图片上传技术
最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的 ...

随机推荐

mysql修改root用户的登录密码
修改mysql root用户登录密码的方法有很多,网上可以查找到相关的资料我通过上网查询以后实验成功的方法是使用下面的sql语句进行修改 UPDATE user SET Password = PAS ...
C# 语言历史版本特性（C# 1.0到C# 7.1汇总更新）
历史版本C#作为微软2000年以后.NET平台开发的当家语言,发展至今具有17年的历史,语言本身具有丰富的特性,微软对其更新支持也十分支持.微软将C#提交给标准组织ECMA,C# 5.0目前是ECMA ...
docker 学习（九） docker部署静态网站
一: dockerfile, 把Dockerfile和myfolder放在一个目录下: FROM httpd:2.4 COPY ./myfolder/ /usr/local/apache2/htdo ...
lecune入门示例
注意:本示例中的lucene版本需在jdk7以上使用. 一.pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" ...
VIVADO 入门之仿真与逻辑分析仪使用
多路分频器设计在第七节的学习中,笔者带大家通过一个入门必学的流水灯实验实现,快速掌握了VIVADO基于FPGA开发板的基本流程.考虑到很多初学者并没有掌握好Vivado 下FPGA的开发流程,本章开 ...
mysql相关碎碎念
取得当天: SELECT curdate(); mysql> SELECT curdate();+------------+| curdate() |+------------+| 2013- ...
exchang2010OWA主界面添加修改密码选项
原文链接:http://www.mamicode.com/info-detail-1444660.html exchange邮箱用户可以登录OWA修改密码,当AD用户密码过期或者重置密码勾选了“用户下 ...
python下彻底解决浏览器多标签打开与切换问题
#coding:utf-8#Right_key_click and Tad switch#by dengpeiyou date:2018-7-7from selenium import webdriv ...
React更新元素基础
React元素创建后无法修改其内容和属性.唯一的办法是创建新的元素,传入ReactDOM.render()方法三种实现形式: 1.整体替换 function tick () { const ele= ...
ELK-WEB中文汉化和安全认证
1.Kibana汉化方法此项目,适用于Kibana 5.x-6.x的任意版本,汉化过程不可逆 1)Github仓库下载kibana中文汉化包,下载指令如下: git clone https://git ...

SpringMCV跨域

SpringMCV跨域的更多相关文章

随机推荐

热门专题