Spring MVC和AngularJS @RequestMapping

Question

我已經使用REST End Point應用程序使用Spring-boot和AngularJS構建了一個應用程序。 我在自己制作的Spring Controller中對@RequesMapping感到有些@RequesMapping 。 問題是，我有示例網址：

"localhost:8080/foo/bar/api/cardGenerated/0102". 

“ 01”是第一個參數，“ 02”是第二個參數。 我如何映射到@RequestMapping Spring控制器以獲取上面的網址。

這是我的控制器：

@RestController
@RequestMapping("/api")
public class CardGeneratedResource {
@RequestMapping(value = "/cardGenerated/{branchCode}{cardType}",
            method = RequestMethod.GET,
            produces = MediaType.APPLICATION_JSON_VALUE)
    @Timed
    public ResponseEntity<CardGenerated> get(@PathVariable("branchCode") String branchCode,
                                             @PathVariable("cardType") String cardType,
                                             HttpServletResponse response) {

        log.debug("REST request to get CardGenerated : " + branchCode + " and " + cardType);

        CardGenerated cardGenerated = cardGeneratedRepository.
                findTopByBranchCodeAndCardTypeOrderByCardNumberDesc(branchCode, cardType);

        if (cardGenerated == null) {
            return new ResponseEntity<>(HttpStatus.NOT_FOUND);
        }

        return new ResponseEntity<>(cardGenerated, HttpStatus.OK);
    }
}

所以這是我的AngularJS $resource ：

'use strict';

angular.module('itmApp')
    .factory('CardGenerated', function ($resource) {
        return $resource('api/cardGenerated/:branchCode:cardType', {}, {
            'query': { method: 'GET', isArray: true},
            'get': {
                method: 'GET',
                transformResponse: function (data) {
                    data = angular.fromJson(data);
                    return data;
                }
            }
        });
    });

我總是收到'Failed to load resource: the server responded with a status of 404 (Not Found)' 。

Answer 1

在這里你缺少/。

這里有兩個路徑變量。所以默認的URL是

localhost:8080/foo/bar/api/cardGenerated/FIRST_PATH_VARIABLE/SECOND_PATH_VARIABLE

1. branchCode（第一路徑變量）

2. cardType（第二路徑變量）

   @RequestMapping（value =“ / cardGenerated / {branchCode} / {cardType}”

而在注冊工廠定義時前端也有同樣的錯誤。

api/cardGenerated/:branchCode/:cardType'

所有方法就像

@RestController
@RequestMapping("/api")
public class CardGeneratedResource {
@RequestMapping(value = "/cardGenerated/{branchCode}/{cardType}",
            method = RequestMethod.GET,
            produces = MediaType.APPLICATION_JSON_VALUE)
    @Timed
    public ResponseEntity<CardGenerated> get(@PathVariable("branchCode") String branchCode,
                                             @PathVariable("cardType") String cardType,
                                             HttpServletResponse response) {

        log.debug("REST request to get CardGenerated : " + branchCode + " and " + cardType);

        CardGenerated cardGenerated = cardGeneratedRepository.
                findTopByBranchCodeAndCardTypeOrderByCardNumberDesc(branchCode, cardType);

        if (cardGenerated == null) {
            return new ResponseEntity<>(HttpStatus.NOT_FOUND);
        }

        return new ResponseEntity<>(cardGenerated, HttpStatus.OK);
    }
}

棱角工廠就像

'use strict';

angular.module('itmApp')
    .factory('CardGenerated', function ($resource) {
        return $resource('api/cardGenerated/:branchCode/:cardType', {}, {
            'query': { method: 'GET', isArray: true},
            'get': {
                method: 'GET',
                transformResponse: function (data) {
                    data = angular.fromJson(data);
                    return data;
                }
            }
        });
    });

注意：首先嘗試與任何其他客戶端或郵遞員聯系，並確保后端api正常運行，並且正確傳遞了角度側檢查參數。