springboot的@CrossOrigin注解解決細粒度的配置跨域

import java.util.HashMap;

import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

/**
 * @author wujing
 */
@RestController
@RequestMapping(value = "/api", method = RequestMethod.POST)
public class ApiController {
        
    @CrossOrigin(origins = "http://172.16.71.27:8080")
    @RequestMapping(value = "/get")
    public HashMap<String, Object> get(@RequestParam String name) {
        HashMap<String, Object> map = new HashMap<String, Object>();
        map.put("title", "hello world");
        map.put("name", name);
        return map;
    }
}

    <script>
        $(function() {
            $('#title').click(function() {
//                 alert('點擊了');
                $.ajax({
                    url : "http://localhost:8081/api/get",
                    type : "POST",
                    data : {
                        name : "測試"
                    },
                    success : function(data, status, xhr) {
                        console.log(data);
                        alert(data.name);
                    }
                });
            });
        })
    </script>

特別注意：

　1:一定要在某類 或者某方法上 添加類似 method = RequestMethod.POST 的屬性 

eg： @RequestMapping(value = "/api", method = RequestMethod.POST)
2：在某個方法上添加@CrossOrigin 注解時 origins 屬性一定要寫ip號 如果輸入localhost有時會出現403錯誤

eg：@CrossOrigin(origins = "http://172.16.71.27:8080")

 

 POST http://localhost:8081/api/get 403 ()
 Failed to load http://localhost:8081/api/get: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://172.16.71.27:8080' is therefore not allowed access. The response had HTTP status code 403.

把localhost換成ip 172.16.71.27就可以訪問了 。。。