我有一个这样的节点服务器:
var express = require('express');
var fs = require('fs');
var path = require('path');
var root = fs.realpathSync('.');
var app = express();
app.configure(function () {
app.use(express.static(__dirname + '/./'));
app.use(app.router);
});
app.get('/*', function (req, res) {
res.sendfile(path.join(root, './index.html'))
});
/*app.get('/dashboard', function (req, res) {
res.sendfile(path.join(root, 'index.html'))
});*/
app.listen(3000);
console.log('Listening on port 3000');
在前端,我使用骨干路由使用HTML History API路由应用程序模块。所以它始终是格式良好的URL。刷新页面时出现问题。它在本地节点服务器中工作正常,但是当我在微软Azure上部署应用程序时,刷新会产生问题,它说,它无法找到资源。
我需要配置一些特定于azure的内容,以使其了解它应该在新请求上提供index.html而不是查找资源吗?
在apache中,我们使用.htaccess这样做,但我不知道如何在天蓝云上做同样的事情!
答案 0 :(得分:10)
找到解决方案:
您需要在根目录中有一个webconfig文件才能生效。 Azure内部只有IIS来提供文件。如果仔细观察,一旦部署应用程序,server.js就没用了。 IIS将控制权提供给index.html文件,因此您需要在IIS配置中执行某些操作。以下是您需要放入应用程序根目录的Web.config(区分大小写)文件:
<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="redirect all requests" stopProcessing="true">
<match url="^(.*)$" ignoreCase="false" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" />
</conditions>
<action type="Rewrite" url="index.html" appendQueryString="true" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
答案 1 :(得分:0)
您可以尝试use()
通用中间件而不是特定于方法的路由:
app.use(function (req, res) {
res.sendfile(path.join(root, './index.html'));
});
据我所知,Express目前不支持特定于方法的中间件(例如app.get(function(req, res) { ... })
)。
另外,在不相关的说明中,var root = fs.realpathSync('.');
是不必要的,因为全局__dirname
应该为您提供相同的值。