在Nginx服务器中部署React js(构建目录)静态文件。
使用kubernetes,我正在运行nginx服务器来为静态文件提供React js的“ build”目录。我可以在浏览器中访问简单的index.html。但不是带有react js代码的index.html。根目录中包含index.html文件,静态目录和其他文件。目录结构已复制到this路径。
nginx.conf如下所示
events {
worker_connections 1024;
}
http {
server {
listen 80;
root /usr/share/nginx/html;
#index index.html;
location / {
index index.html;
try_files $uri $uri/index.html /index.html;
}
location /static/ {
autoindex on;
root /usr/share/nginx/html/static/;
}
}
}
在浏览器中,不会加载index.html,但是在源代码中(在浏览器中右键单击>选择源代码),index.html代码可用。在浏览器中从源复制的格式化的index.html文件位于this路径中。我预计javascript(css,js)代码未执行或在浏览器中加载时出现问题。否则,nginx配置会出现问题,无法加载javascript文件。
如何正确配置nginx来部署Reactjs构建目录文件?