一、下载文件
官网下载最新版本文件: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的反向代理来解决跨域问题。
代理
所谓代理就是在我们和真实的服务器之间有一台代理服务器,我们所有的请求都是通过它来进行转接的。
正向代理隐藏了真实的客户端。反向代理隐藏了真实的服务器。