Nginx中部署Angular项目遇到的坑巨坑
更新时间：2019年10月23日 14:56:22 作者：葬天尘
这篇文章主要介绍了Nginx中部署Angular项目遇到的坑巨坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
网上搜索Angular 项目编译后部署到 Nginx 中的方法，多数文章都介绍了需要在 Nginx 中的配置文件的 location 中特别指定跳转到首页来避免刷新导致404的问题，那么完整的server 代码是：
server {
listen 80;
server_name 192.168.190.131;
#sendfile on;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
location / {
root /chanchaw/app/angular;
index index.html index.html;
try_files $uri $uri/ /index.html;
}
error_page 404 /index.html;
location = /index.html {
root /chanchaw/app/angular;
}
}
上面的 server_name 后面是 CentOS7.3 的IP地址，后面的 location 中要特别注意：try_files $uri $uri/ /index.html，这里是防止浏览器中刷新导致404，那么重点来了，部署到Nginx 后浏览器测试出现下面的问题：
明明index.html 和 js 文件是在同一个目录下为什么会找不到？chrome 这样，firefox 也这样，好吧，换换IE试试吧。
解决
原来chrome 和 firefox 都会自动将 http 转换为 https 来发出请求，而自己试验用的 CentOS 是安装在虚拟机中的，压根就没想过要部署 ssl ，由于 ie 不会转换协议，所以 ie 上测试是没问题的。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了Centos下编译安装Nginx的教程详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Nginx 负载均衡算法及故障转移解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
Nginx难免遇见故障,可以使用使用keepalived来实现Nginx的高可用,本文主要介绍了Nginx结合keepalived实现双机热备方案,具有一定的参考价值,感兴趣的可以了解一下2024-05-05
这篇文章主要介绍了详解Nginx服务器中的nginx.conf配置文件,包括对HTTP服务的基本配置方法,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了nginx搭建文件服务器,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
文章简要介绍了如何使用Nginx作为反向代理来部署Java项目,核心在于配置proxy_pass指令2024-12-12
本篇文章主要介绍了Linux服务器下nginx的安全配置详解，Nginx在很多高流量网站上得到了应用，有需要的朋友可了解一下。2016-10-10
这篇文章主要给大家介绍了关于Nginx反向代理实现支持长连接的相关资料，文字介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-06-06
今天小编就为大家分享一篇关于Nginx服务器屏蔽与禁止屏蔽网络爬虫的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
这篇文章主要介绍了利用nginx搭建静态资源服务器的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
最新评论