Html5Mode - 刷新页面angularjs问题 [英] Html5Mode - refreshing the angularjs page issue
问题描述
我工作的angularJS应用程序，这在格式具有的URL（在开发中） -
I am working on an angularJS app, which has URLs in the format (in dev) -
http://localhost:6001/#/home/index
http://localhost:6001/#/content/index
由于这个程序，也将可在桌面浏览器，我想的网址是没有'＃'，所以我说这在我的应用程序的配置部分 -
As this app, will also be available on desktop browser, I wanted the URLs to be without '#', so I added this in my app's config section -
$locationProvider.html5Mode(true);
的正常工作和URL不显示＃。但是现在有一个问题。在刷新浏览器中的某个特定页面，现在我得到这个错误 -
Which works fine and URLs don't show '#'. But there is a problem now. On refreshing a particular page in browser, now I get this error -
Cannot GET /home/index
在那里得到这个工作所需要的任何其他更改？
Are there any other changes required to get this working?
注意：这个程序是使用科尔多瓦CLI和托管使Node.js服务器上
Note: This app is using cordova CLI and is hosted on a Node.js server.
推荐答案
试试这个：
-
请确保你在你的server.js文件中这些行
Make sure you have these lines in your server.js file
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public.build'));
app.use(function(req, res) {
res.sendFile('index.html', { root: __dirname + "/public.build" });
});
为什么会这样？请在这里阅读 - <一个href=\"https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode\" rel=\"nofollow\">https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode
第一步导致我下面的console.log消息应用程序：
The first step resulted in my app in the following console.log message:
Resource interpreted as Stylesheet but transferred with MIME type
text/html: "http://localhost:8080/board/css/style.css".
正如你可以看到，样式试图从不存在的路径加载（/板/文件夹不是在应用present，它的状态之一在UI的路由器）。
要解决它，我更换了以下行
As you can see, the styles are trying to load from non-existent path (/board/ folder is not present in the app, it's one of the states in ui-router). To fix it I replaced the following line
<link rel="stylesheet" href="css/style.css">
这一个：
<link rel="stylesheet" href="/css/style.css">
这篇关于Html5Mode - 刷新页面angularjs问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
