Angularjs应用程序刷新与tomcat转到404页面

时间:2016-05-19 13:41:57

标签: angularjs tomcat gruntjs

我在tomcat7中部署了角度应用程序。

做了什么:

      1 Made angular app as an html5 mode to true by adding  fallowing code in app.js

      if (window.history && window.history.pushState) {
            $locationProvider.html5Mode(true);
        };



      2. Added  `<base href="/dist/#/">` in index.html 

      2. Build the app by using grunt `grunt build`

      3. Kept the dist into the folder `TOMCAT_HOME/webapp/ROOT`  

问题:

  1. When i refresh the page it show 404
  2. When I copy the URL and paste then also it's giving 404 error.
  3. Provide me link for tomcat configurations

注意:如果我点击了Host/dist应用正在运行的浏览器(如果我按状态导航状态)。

请在我错误的地方帮助我。以及如何解决它(如果需要,使用tomcat服务器配置)。

网址我被允许:

  1. Deploy AngularJS app on tomcat
  2. http://diveintohtml5.info/examples/history/fer.html
  3. Removing the fragment identifier from AngularJS urls (# symbol)

1 个答案:

答案 0 :(得分:0)

不确定您是否仍在寻找答案,但如果有人需要,我会分享我的解决方案。

我所做的基本上是使用http://tuckey.org/urlrewrite/ 并将规则设置为

<rule>
<from>^/search/$</from>
<to>index.html</to>
</rule>

我想指出我使用的是实际文件名而不是我想要的网址。

希望这有帮助!

此致

Berkan