Nginx反向代理配置（Ubuntu 16.04）

Nginx 反向代理

最近在开发vue项目 但是想通过ip或者域名让他人访问看到效果 于是就在ubuntu上开发 用nginx反向代理 直接能看到开发环境下的效果

1. 服务器上安装Nginx

$ sudo apt-get update
$ sudo apt-get install nginx
复制代码

2.配置Nginx为反向代理

$ sudo nano /etc/nginx/sites-available/default
复制代码

将server块中的 location / 内容替换为下面的内容

. . .
    location / {
        proxy_pass http://localhost:8080; 
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
复制代码

3.测试Nginx的配置是否有语法错误

若成功 显示

$ sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
复制代码

若失败 请检查配置文件是否有书写错误

4.重启Nginx服务

$ sudo systemctl restart nginx
复制代码

5.配置Node.js环境

上官网 https://nodejs.org/en/download/ 下载

1. 方法一

下载完后将文件通过 FileZilla(mac) WinSCP(window) 上次至服务器 （推荐此方法下载 速度快）

2. 方法二

在官网鼠标右键复制下载链接地址

$ wget https://nodejs.org/dist/v8.11.1/node-v8.11.1-linux-x64.tar.xz
复制代码

然后解压文件

$ tar -xvf node-v8.11.1-linux-x64.tar.xz
复制代码

6.将node和npm设置为全局

    $ sudo ln /home/ubuntu/node/node-v8.11.1-linux-x64/bin/node /usr/local/bin/node
    $ sudo ln /home/ubuntu/node/node-v8.11.1-linux-x64/bin/npm /usr/local/bin/npm
复制代码

7. 创建index.js文件

$ touch index.js  //创建index.js文件
$ nano index.js
    var http = require('http');
    http.createServer(function (req, res) {
        res.writeHead(200, {'Content-Type': 'text/plain'});
        res.end('Hello World\n');
    }).listen(8080, 'localhost');
    console.log('Server running at http://localhost:8080/');
复制代码

输入以上代码并保存 ctrl o 保存 ctrl x 退出

// 开启index.js的执行权限

$ chmod +x index.js
复制代码

8.运行脚步

    $ node index.js
复制代码

9. 浏览器输入服务器的公网ip

Hello World
复制代码