Node.js 带nodeJS的angularJS_Node.js_Angularjs

Node.js 带nodeJS的angularJS

node.js angularjs

Node.js 带nodeJS的angularJS,node.js,angularjs,Node.js,Angularjs,最后一次我学习了使用AngularJS和NodeJs，但我有一些问题第一: 我想装货。。例如index.html或其他文件，现在我以最简单的方式编写本手册，但即使如此，我收到的index.html中包含的类型文件仍然存在问题：解释为样式表但使用MIME类型text/html传输的资源：我怎样才能纠正这个问题？下面是代码 'use strict'; var http = require('http'); var fs = require('fs'); var mysql = re

最后一次我学习了使用AngularJS和NodeJs，但我有一些问题

第一: 我想装货。。例如index.html或其他文件，现在我以最简单的方式编写本手册，但即使如此，我收到的index.html中包含的类型文件仍然存在问题：

解释为样式表但使用MIME类型text/html传输的资源：

我怎样才能纠正这个问题？下面是代码

    'use strict';

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


var render = function(response, fileName, code, httpCode){
  var code = code || 'utf8';
  var httpCode = httpCode || 200;

  fs.readFile(fileName, code, function(err, data){

      if(err) { return console.log(err); }
      response.writeHead(httpCode, {'Content-type': 'text/html; charset='+code});
      response.write(data);
      response.end();
  });

};


http.createServer(function(req, res){
    render(res, 'index.html');
}).listen(9999, '127.0.0.1');

console.log('Server running');

html:

 <!doctype html> <html class="no-js"><head>
     <meta charset="utf-8">
     <title></title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
     <link rel="stylesheet" type='text/css' href="styles/main.css">
     </head><body></body></html>

我可以将nodejs服务器与gruntjs一起使用吗？如果是，我怎么做？

有人知道任何只教角度+节点的教程吗？这意味着我知道相当好的angularJS，但我不能将其用于nodeJS

问题在于，您的浏览器请求了一个css文件，而您返回了一个MIME类型为text/html的文件。您必须处理所有可能的文件类型（js、html、txt、css等等）

我建议您使用像express这样的现有模块，这将为您节省大量时间。安装express后，通过执行以下操作初始化静态文件服务器：

server.use(express.static(__dirname + '/public'));

这就是我的文件夹结构在Angular JS+Node JS（使用Express JS）中的样子

这里要注意的三件事

/应用程序-包含角度静态应用程序，包括其所有相关样式、脚本和图像

/app/script-角度javascript文件

/server.js-节点js web服务器代码，下面是示例代码

var express = require('express'),
http = require('http'),
path = require('path');

var app = express();

// all environments
app.configure(function() {
    app.set('port', process.env.PORT || 3000);
    app.use(express.logger('dev'));
    app.use(express.static(path.join(__dirname, 'app'))); // here you are mentioning which directory should be static directory for the project, in this case 'app'
    app.use(express.favicon());
    app.use(express.json());
    app.use(express.urlencoded());
    app.use(express.methodOverride());
    app.use(app.router);
});

http.createServer(app).listen(app.get('port'), function() {
    console.log('Express server listening on port ' + app.get('port'));
});

使用启动节点js服务器

$ node server.js

它将启动express server，您可以通过在浏览器窗口中键入来访问它

localhost:3000

这将是很好的看和安装。这只是为了无误地设置正确的angular js项目。如果您有自己的结构就可以了。

为什么不尝试使用视图引擎/express组合？谢谢您的回复：）我使用Yeoman:）并且我的文件/目录结构与您的非常相似。只要我学习angularJS并编写了一些简单的应用程序，这个解决方案就非常好，但现在当我想将其包含到我的项目节点中时，我无法协调所有；\嗯，我不使用express，我也从未读过这方面的文章。。所以，我的问题是，我是否可以在没有express的情况下使用nodeJS+angularJS？我希望通过gruntJS运行server.js，因为自动刷新对我来说非常重要。使用express js比使用node js有很多好处。Nodejs有很多核心包，expressjs是一个基于这些包构建的框架，可以简化进一步的开发。你会知道的。更多关于这一点，要获得自动刷新功能，您可以使用or，这将使您的开发更容易（好吧，我可能理解：）但我还有一个问题，可能是两个。。express是否有替代方案，或者这是最流行的解决方案？也许你有什么好的教程或介绍给我吗？我还没有使用任何替代品，但我认为express是最受欢迎的模块。它也在不断发展和改进。express网站有很好的文档记录：。祝你好运

localhost:3000