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

时间:2020-8-23 作者:admin

一、下载文件

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

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。