简简单单搭建nginx进行项目部署及前端跨域请求

一、下载文件

官网下载最新版本文件：http://nginx.org/en/download.html

二、放入打包文件

解压后在/html文件夹下放入前端打包文件，例如dist

三、修改配置文件

修改/conf/nginx文件

1. #user  nobody;改为#user  root;

2. 将listen为80端口的server里的代码修改为

location / {
   root   html/dist;		    				# 服务的根目录，这里配置刚才的打包文件名称
   index  index.html index.htm;		    			# 服务默认启动的主文件，可以写多个
}
location /api/ {
   proxy_pass  https://XXXXXXX; # 配置自己后台访问的ip端口或域名
   proxy_set_header Host $host:$server_port;
}
error_page  404               /index.html;   # 这行为了解决前端路由配置的是history的问题，如果是hash则不需要

四、运行nginx

配置完毕后，cmd运行命令start nginx启动即可，可以访问localhost或127.0.0.1即可

额外延申：

常规配置:

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

2.理论

跨域
    跨域是浏览器行为，不是服务器行为。
    实际上，请求已经到达服务器了，只不过在回来的时候被浏览器限制了。就像Python他可以进行抓取数据一样，不经过浏览器而发起请求是可以得到数据，想到通过Nginx的反向代理来解决跨域问题。
代理
    所谓代理就是在我们和真实的服务器之间有一台代理服务器，我们所有的请求都是通过它来进行转接的。
    正向代理隐藏了真实的客户端。反向代理隐藏了真实的服务器。