Nginx服务器代理

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器
可以实现vue项目中的跨域请求

我们真实的服务器不应该直接暴露到公网上去，否则更加容易泄露服务器的信息，也更加容易受到攻击。一个比较“平民化”的方案是使用Nginx反向代理它。

一台具有公网的Nginx服务器可以代理和它能进行内网通信的真实的服务器。让我们的服务器不直接对外暴露，增加其抗风险能力。

下载

http://nginx.org/en/download.html
| nginx/Windows-1.10.3 |

nginx在windows系统中如何启动、重启、停止

在nginx文件夹中打开cmd

基本命令操作：
查看nginx的版本号：nginx -v
启动nginx：start nginx
快速停止或关闭nginx：nginx -s stop
正常停止或关闭nginx：nginx -s quit
配置文件nginx.conf修改重装载命令：nginx -s reload

启动nginx

start nginx
在地址栏输入： localhost:80即可打开默认首页

在vue项目中的请求

    axios.get("/api/user").then((res)=>{
        this.msg = res.data.msg
    })

打包vue项目

npm run build
把dist文件夹放在nginx根目录

修改nginx的 conf/nginx.conf

server {
        listen       80;  #nginx服务器端口
        server_name  localhost;  #nginx域名

        location / {
            root   dist; #首页所在文件夹
            index  index.html index.htm;
        }

        location /api/ {
           proxy_pass   http://127.0.0.1:3000; # 将/api/开头的url转向该域名
        }

    }

重载nginx,浏览

nginx -s reload

3000端口的服务器要打开