Kubernetes Ingress Nginx 加载资源 404
Posted
技术标签:
【中文标题】Kubernetes Ingress Nginx 加载资源 404【英文标题】：Kubernetes Ingress Nginx loading resources 404 【发布时间】：2018-11-25 02:04:15 【问题描述】：Hy
我们正在尝试让我们的网站在 kubernetes 上运行（在使用 nginx 的容器中运行）。我们使用 ingress 路由到站点，这是我们的配置：
nginx-conf：
server
listen 80;
location /
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
Kubernetes 部署：
apiVersion: apps/v1beta1
kind: Deployment
metadata:
name: mywebsite
spec:
replicas: 2
template:
metadata:
labels:
app: mywebsite
spec:
containers:
- name: mywebsite
image: containerurl/xxx/mywebsite:latest
ports:
- containerPort: 80
---
apiVersion: v1
kind: Service
metadata:
name: mywebsite
spec:
ports:
- port: 82
targetPort: 80
selector:
app: mywebsite
入口配置：
apiVersion: extensions/v1beta1
kind: Ingress
metadata:
name: myIngress
annotations:
kubernetes.io/tls-acme: "true"
nginx.ingress.kubernetes.io/rewrite-target: /
spec:
tls:
- hosts:
- xxx.com
secretName: tls-secret
rules:
- host: xxx.com
http:
paths:
- path: /mywebsite
backend:
serviceName: mywebsite
servicePort: 82
当我去xxx.com/mywebiste时，index.html正在加载，但是css和js没有加载（404）：
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/styles.30457fcf45ea2da7cf6a.css" rel="stylesheet"></head>
<body>
<div id="react-root"></div>
<script type="text/javascript" src="/app.171d6a95cf24d8abab14.js"></script></body>
</html>
...因为它试图在这里获取资源，例如css：
xxx.com/styles.30457fcf45ea2da7cf6a.css
...而不是：
xxx.com/mywebsite/styles.30457fcf45ea2da7cf6a.css
如果尝试不同的方法，例如：
nginx.ingress.kubernetes.io/add-base-url
nginx.ingress.kubernetes.io/app-root
...等等，但似乎没有任何效果。
有什么想法吗？感谢您的帮助。
问候， 彼得
【问题讨论】：
【参考方案1】：这不是 nginx 部分的路由问题，而是浏览器试图从您的域的根目录访问绝对 URI。使用相对 URI（删除前导斜杠）：
<link href="styles.30457fcf45ea2da7cf6a.css" rel="stylesheet"></head>
<script type="text/javascript" src="app.171d6a95cf24d8abab14.js"></script></body>
【讨论】：
即使我也面临同样的问题。我已经删除了前导斜杠，但仍然得到同样的错误。/runtime.js net::ERR_ABORTED 404 (Not Found)以上是关于Kubernetes Ingress Nginx 加载资源 404的主要内容，如果未能解决你的问题，请参考以下文章
Nginx.ingress.kubernetes.io/proxy-body-size 不工作
Kubernetes Ingress Nginx 加载资源 404