在 Tomcat 中刷新后出现 Angular 404 错误

Question

Tomcat刷新后出现404错误如何解决？在您转到 http://localhost:8080/login 之前一切正常并刷新浏览器。之后我的应用程序看不到 Angular 并向 API 发出请求。我有 Angular 为 7 的 spring boot 2 应用程序。我需要添加一些重写规则。

附注我不想使用哈希定位策略。

Answer 1

我不得不处理一个类似的问题:我正在开发一个带有 Angular 6 前端和 Java 后端(REST 网络服务、Spring 和 MyBatis)的网络应用程序。

对于Spring的配置，我还是使用XML配置文件。

在开发模式下，我在客户端部分使用 4200 端口，在后端(在 Tomcat 上)使用 8080 端口。在这种情况下没有问题。

然后我在 war 中合并了 Angular 应用程序，特别是在 public 文件夹中。此后，当我运行应用程序并按下 F5 按钮时，我收到了一个 404 错误。

对于 Spring 端的 public 文件夹，我进行了以下配置:

<mvc:resources mapping="/public/**" location="/public/">
    <mvc:resource-chain resource-cache="false">
        <mvc:resolvers>
            <bean class="com.example.web.AngularResourceResolver" />
        </mvc:resolvers>
    </mvc:resource-chain>
</mvc:resources>

AngularResourceResolver 是这样定义的:

import org.springframework.core.io.Resource;
import org.springframework.web.servlet.resource.PathResourceResolver;

public class AngularResourceResolver extends PathResourceResolver {

    @Override
    protected Resource getResource(String resourcePath, Resource location) throws IOException {
        Resource requestedResource = location.createRelative(resourcePath);     

        Resource defaultResource=location.createRelative("/index.html");
        Resource resource = requestedResource.exists() && requestedResource.isReadable() ? requestedResource : defaultResource;
        return resource;
    }
}

应用此配置后，甚至在 Tomcat 上一切正常，即使在按 F5 后也是如此。

希望对你有帮助