时间戳

首页 > 解决方案 > 将 nginx 配置为 Angular 中的服务器资产文件

angular - 将 nginx 配置为 Angular 中的服务器资产文件

问题描述

我正在从assets文件夹中获取数据。在我的本地机器上，我可以使用这个 url 获取数据：

http://localhost:4200/assets/data.json

但是当我在 a 中使用 docker 部署我的应用程序时VM，我收到了一个HTTP 404错误。

HTTP 请求：

http://192.168.xxx.xxx:22/assets/data.json

错误：

<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.17.7</center>
</body>

这是我的码头文件

FROM node:alpine AS builder

WORKDIR /app
COPY . .
FROM nginx:alpine

COPY --from=builder /app/dist/proj/* /usr/share/nginx/html/

我发现我还应该像这个例子一样添加一个 nginx 配置文件

我想在我的情况下如何配置 nginx 以提供资产文件

标签： angulardockernginx

解决方案

我找到了解决方案。

我的问题是我是*in /app/dist/proj/*，在我的情况下，该命令复制同一目录级别中的所有文件，html而不是将文件保存在子目录中assets

我删除*了，效果很好

推荐阅读