angularjs – Angular ui-router按下刷新会导致404错误

答：您正在通过浏览器向服务器发送HTTP请求. GET /无论如何.因此,服务器需要为此请求设置路由,并使用index.html进行响应.目前,您获得的是404,因为您的服务器没有与GET /的请求匹配的路由.

问：为什么？

答：当您通过浏览器(而不是通过AJAX)发出请求时,您的浏览器将尝试显示对您的响应.防爆.如果响应是JSON,它将显示JSON.如果它是一个字符串,它会显示一个字符串.如果它是一个html页面,它会告诉你.你不能只为任何路由发回一个模板,因为如果你这样做,它只会渲染那个没有其他上下文的模板.您需要index.html来加载角度,运行您的控制器,将模板放在它的ui-view容器中等.

(将发送的是index.html,UI路由器将检查路由,发出对templateUrl的请求,运行控制器,然后再渲染它.)

问：怎么样？

答：这取决于a)你正在使用什么类型的服务器和b)你的文件结构.您可能希望在路由文件末尾的所有路由中捕获一些为index.html服务的路径.这就是我使用Node / Express的方式：

app.get('/*',function(req,res) {
  var url = path.resolve(__dirname + '/../client/index.html');
  res.sendFile(url,null,function(err) {
    if (err) res.status(500).send(err);
    else res.status(200).end();
  });
});