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

   日期:2020-08-23     浏览:103    评论:0    
核心提示:一、下载文件官网下载最新版本文件:http://nginx.org/en/download.html二、放入打包文件解压后在/html文件夹下放入前端打包文件,例如dist三、修改配置文件修改/conf/nginx文件1. #user nobody;改为#user root;2. 将listen为80端口的server里的location/修改为location / { root html/dist; # 服务的根目录,这里配置刚才的打包文件..

一、下载文件

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

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服