首页 > 解决方案 > 从在 Apache2 中运行的 Angular 向 Spring Boot api 发送请求时找不到 404

问题描述

我有一个带有 spring-boot 后端 api 和 Angular10 前端的应用程序。在本地运行这些我没有问题,一切运行正常。我已经在 Debian VPS 上部署了我的应用程序,Angular 构建在 apache2 上运行。但是当尝试在那里发送请求时,我得到一个 402 not found to the request URL。

在 Apache 中,我配置了一个反向代理来访问 spring boot:

<VirtualHost *:80>
  DocumentRoot /var/www/html
  ProxyPass /api/ http://localhost:8080/
  ProxyPassReverse /api/ http://37.128.150.186/api/
  ErrorLog ${APACHE_LOG_DIR}/error.log
  CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

在 Angular 的 environment.ts 文件中,我指定了 url 的基础,例如“/api/”,因此每个请求都将通过这些带有 Apache 基础端口(:80)的 URL。但是当我这样做时,我得到一个 404 未找到。但是当我在 URL 中转到 /api/ 时,我确实会看到 Spring Boot 的“主控制器”。

尝试向 spring-boot 控制器发送帖子时在浏览器中请求:

Request URL: http://37.128.150.186/api/users
Request Method: POST
Status Code: 404 
Remote Address: 37.128.150.186:80
Referrer Policy: strict-origin-when-cross-origin

错误响应:

"timestamp": "2021-05-02T21:15:46.970+00:00",
    "status": 404,
    "error": "Not Found",
    "message": "",
    "path": "//users"

在此示例中,我尝试将请求发送到的控制器:

@RestController
@RequestMapping(value = "/api/users", produces = MediaType.APPLICATION_JSON_VALUE)
public class UserController {

    private final UserService userService;
    private final PasswordEncoder encoder;

    public UserController(final UserService userService, final PasswordEncoder encoder) {
        this.userService = userService;
        this.encoder = encoder;
    }

    @GetMapping
    public ResponseEntity<List<UserDTO>> getAllUsers() {
        return ResponseEntity.ok(userService.findAll());
    }

    @GetMapping("/{id}")
    public ResponseEntity<UserDTO> getUser(@PathVariable final Long id) {
        return ResponseEntity.ok(userService.get(id));
    }

    /**
     *
     * @param userDTO user type to create new user
     * @return user written to the database
     */
    @PostMapping
    public ResponseEntity<Long> createUser(@RequestBody @Valid final UserDTO userDTO) {
        // create new user
        UserDTO newUser = new UserDTO();
        // set email
        newUser.setEmail(userDTO.getEmail());
        // set firstname
        newUser.setFirstName(userDTO.getFirstName());
        // set lastname
        newUser.setLastName(userDTO.getLastName());
        // set hashed password
        newUser.setPassword(encoder.encode(userDTO.getPassword()));
        // return new user with hashed password
        return new ResponseEntity<>(userService.create(newUser), HttpStatus.CREATED);
    }

    @PutMapping("/{id}")
    public ResponseEntity<Void> updateUser(@PathVariable final Long id,
            @RequestBody @Valid final UserDTO userDTO) {
        userService.update(id, userDTO);
        return ResponseEntity.ok().build();
    }

    @DeleteMapping("/{id}")
    public ResponseEntity<Void> deleteUser(@PathVariable final Long id) {
        userService.delete(id);
        return ResponseEntity.noContent().build();
    }

}

再次,当我在本地计算机上运行该应用程序时,一切正常。我忘了配置什么吗?

标签: javaangularspring-bootapacheapache2

解决方案


没有@Autowired@Inject注解就不能添加构造函数参数
会像那个视图参考链接

@Autowired
public UserController(@Qualifier("questionService") UserService userService, @Qualifier("encoder") PasswordEncoder encoder) {
     this.userService = userService;
     this.encoder = encoder;
}

或者

@Inject
public UserController(@Named("questionService") UserService userService, @Named("encoder") PasswordEncoder encoder) {
     this.userService = userService;
     this.encoder = encoder;
}

推荐阅读