Nginx设置为Node.js的前端服务器方法总结


Posted in Javascript onMarch 27, 2019

1、安装node.js

首先安装node.js安装所需的软件包,并在启动板上添加可用的nodejs的PPA。之后使用以下命令安装nodejs。

$ sudo apt-get install python-software-properties python g++ make

$ sudo add-apt-repository ppa:chris-lea/node.js

$ sudo apt-get update

$ sudo apt-get install nodejs

2、安装nginx

现在使用apt get安装nginx web服务器。nginx在默认存储库下可用。

$ sudo apt-get install nginx

3、创建测试node服务器

现在创建一个测试node服务器应用程序,并在主机127.0.0.1的端口3000上运行它。要创建node服务器,请创建文件~/myapp/myapp.js。

$ cd ~/MyApp/

$ vi myapp.js

并在javascript文件中添加以下内容。

var http = require('http');

 

http.createServer(function (req, res) {

  res.writeHead(200, {'Content-Type': 'text/plain'});

  res.end('Hello Worldn');

}).listen(3000, "127.0.0.1");

console.log('Server running at http://127.0.0.1:3000/');

现在使用以下命令在后台启动nodejs

$ node myapp.js &

在浏览器中访问。

输出:Hello Word

4、配置NGNIX

使用node.js启动演示服务器后,现在开始使用Nginx进行配置。在/etc/nginx/conf.d/目录下为域创建虚拟主机配置文件。

$ sudo vim /etc/nginx/conf.d/example.com.conf

并添加以下内容。

upstream myapp {

  server 127.0.0.1:3000;

  keepalive 8;

}

 

# the nginx server instance

server {

  listen 0.0.0.0:80;

  server_name example.com www.example.com;

  access_log /var/log/nginx/example.com.log;

 

  location / {

   proxy_set_header X-Real-IP $remote_addr;

   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

   proxy_set_header Host $http_host;

   proxy_set_header X-NginX-Proxy true;

 

   proxy_pass http://myapp/;

   proxy_redirect off;

  }

 }

完成所有配置后,让我们使用以下命令重新启动nginx Web服务器。

$ sudo /etc/init.d/nginx restart

5、验证安装程序

现在使用域名访问你的服务器,你将在http://127.0.0.1:3000/上看到相同的页面。

输出为Hello Word

Javascript 相关文章推荐
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
从零开始最小实现react服务器渲染详解
Jan 26 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
React学习之JSX与react事件实例分析
Jan 06 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 #Javascript
详解vue在项目中使用百度地图
Mar 26 #Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 #jQuery
vue进入页面时滚动条始终在底部代码实例
Mar 26 #Javascript
详解原生JS动态添加和删除类
Mar 26 #Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 #Javascript
监听element-ui table滚动事件的方法
Mar 26 #Javascript
You might like
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
php中$_GET与$_POST过滤sql注入的方法
2014/11/03 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
详谈JS中实现种子随机数及作用
2016/07/19 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
vuex 解决报错this.$store.commit is not a function的方法
2018/12/17 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
javascript实现放大镜功能
2020/12/09 Javascript
在Python中使用poplib模块收取邮件的教程
2015/04/29 Python
numpy.random模块用法总结
2019/05/27 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
保护母亲河倡议书
2014/04/14 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS
js前端图片加载异常兜底方案
2022/06/21 Javascript