如何运行 index.html 使用服务器（对于 angularjs 和其他框架）

Question

我搜索了 Whosebug 和一些论坛，但找不到直接的解决方案，后来我遇到了一些工作正常的答案，所以我 post 在这里 :)

ans 适用于以下文件夹结构，您也可以根据自己的文件夹结构对其进行自定义。

--project
---app
----js
----services
----(...)
----index.html

请参考下面的答案。如果您有更好的方法，请post，您也可以添加一些评论以使答案更好。谢谢

Answer 1

方法一：

使用 node.js 到运行 index.html 文件复制粘贴下面的代码到 server.js 应用程序文件夹中的文件（层次结构之上）

var http = require('http');
var fs = require("fs");

http.createServer(function(request, response) {
  if(/(.*?).css$/.test(request.url.toString())){
     sendFileContent(response, request.url.toString().substring(1), "text/css");
  }else if(/(.*?).js$/.test(request.url.toString())){
    sendFileContent(response, request.url.toString().substring(1), "text/javascript");
  }else if(/(.*?).html$/.test(request.url.toString())){
    sendFileContent(response, request.url.toString().substring(1), "text/html");
  }else if(request.url.toString().substring(1) == ''){
    sendFileContent(response, "index.html", "text/html");
  }
}).listen(3000);

function sendFileContent(response, fileName, contentType){
  fs.readFile(fileName, function(err, data){
    if(err){
      response.writeHead(404);
      response.write("Not Found!");
    }
    else{
      response.writeHead(200, {'Content-Type': contentType});
      response.write(data);
    }
    response.end();
  });
}

以及来自应用程序文件夹运行 node server.js。您的 html 文件将在 localhost:3000

投放

方法二：

使用 http 服务器。按照此 link 中的步骤从您的应用程序文件夹运行 cmd 全局安装 http-server http-server -a localhost -p 8000 -c-1 ./app

您的 index.html 文件将在 localhost:8000

中投放

注意：以上方法的.listen和-p中可以修改端口号

如何运行 index.html 使用服务器（对于 angularjs 和其他框架）

How to run index.html using a server(for angularjs and other frameworks)

httpserver

node.js

npm

angularjs

方法一：

方法二：

如何 运行 index.html 使用服务器（对于 angularjs 和其他框架）

How to run index.html using a server(for angularjs and other frameworks)

httpserver

node.js

npm

angularjs

方法一：

方法二：

如何运行 index.html 使用服务器（对于 angularjs 和其他框架）