美文网首页一步一坑我爱编程
angular4打包发布遇到的404问题

angular4打包发布遇到的404问题

作者: 人生无戏 | 来源:发表于2018-03-27 22:39 被阅读426次

    问题:项目打包发布成功之后,进入页面路由跳转正常。但是如果F5刷新页面会报404错误。

    angular版本号:5.0.3

    打包命令:ng build --prod --aot

    服务器环境:win10  iis7.0

    原因分析:     

            angular自带的路由功能,按照平常的发布经验。比如http://**.******.***:8088/app/admin/index这个站点路径,按照服务器的理解。会访问站点根目录下面的app/admin/hostDashboard的文件,但是其实我们要访问的是angular的路由。其实并没有这个文件夹。所以会报   404 - Page Not Found。我们要如何让服务器知道我们真正的访问行为呢?

    解决方案:

    1、我们要安装一个iis 上面的URL重写工具

    iis上面搜索安装:

    官网安装:IIS URL重写工具

    2、安装完之后,在我们的web.config 加入一段话

    额:不知道为啥,我粘贴不了代码。不好意思哈....

    我按照以上步骤重新配置了一边,再重新打开页面F5页面刷新成功!不再报404错误

    其实还有几种解决方案,我有空在写吧.......

    相关文章

      网友评论

        本文标题:angular4打包发布遇到的404问题

        本文链接:https://www.haomeiwen.com/subject/nhxkcftx.html