Nginx配置和switchhosts工具的使用

Magicer 发布于2019-07-25 14:43 / 1326人阅读

摘要：注意后端服务器地址也要带上端口号。后面同样可以配置多个域名，需要在配置，如下为配置后端服务自定义域名这里我附上我参考的博文地址

首先，了解一下，如果不采用nginx配置代理，需要在config目录下的index.js文件中配置代理服务，配置如下，以某个项目为例：

proxyTable        : {
            "/gateway": {
                target      : "http://api.robotsphere.com:8081",
                changeOrigin: true,
                pathRewrite : {}
            },
            "/cgi"    : {
                target      : "http://api.robotsphere.com:8081",
                changeOrigin: true,
                pathRewrite : {}
            },
        }

现在，我用nginx反向代理替换上述的方案：

开发环境

开发前配置switchhosts里面ip域名，指明后，当我们访问某个指明的域名，就会首先查看配置里对应指明的ip地址，而无须通过dns域名解析访问

#开发环境
    server {
        #配置端口号
        listen 80;
        #配置server_name
        server_name lufeifei.com;
        #设置默认页面 地址为webpack-devserver地址
        location  / {
            proxy_pass http://127.0.0.1:8075; 
        }
        #这里因为我的的vue-router 所以将带#号的请求转发到本地服务器
        location ~ .*#.*$ {
            proxy_pass http://127.0.0.1:8075;
        }
        #请求后端接口的服务器地址
        location ~ /(gateway|cgi)/ {
            proxy_pass http://api.robotsphere.com:8081;
        }
    }

开发环境下没有dist目录，所以location中代理路径填的是我们npm run dev 后的服务地址，当我们在url输入server_name配置的域名后，nginx会帮我们代理访问http://127.0.0.1:8075（npm run dev后配置生成的url），这里也可以是http://localhost:8075,127.0.0.1指向的就是localhost，8075端口是我们在vue项目中config目录下的index.js中配置的端口号。注意：后端服务器地址也要带上端口号。

生产环境

#生产环境
    server {
        #监听80端口，80端口是知名端口号，用于HTTP协议
        listen       80;
        
        #定义使用www.xx.com访问
        server_name  work.lufei.com lufei.com;
        
        location / {
            root D:workspace/robotdist;   
            index  index.html index.htm;
        }
        
        #反向代理的路径（和upstream绑定），location 后面设置映射的路径 ,proxy_pass 后为服务端的域名和端口
        location ~ /(gateway|cgi)/ {   
            proxy_pass http://api.robotsphere.com:8081;  
        } 
    }

生产环境下，我们会npm run build生成一个dist目录，这个目录就是webpack打包后的目录，所以在生产环境下，location下的root指向的是这个生成的目录，里面有我们需要的入口（首页）的html文件，即index.html， location下的index也是用来配置默认打开的文件，后面可以配置多个，即如果找不到index.html会继续往后面查看index.htm文件并默认打开它。server_name 后面同样可以配置多个域名，需要在switchhosts配置，如下为switchhosts配置：

# robotsphere.com
#后端服务
192.168.1.118 api.robotsphere.com 
#自定义域名
127.0.0.1 work.lufei.com lufei.com lufeifei.com

这里我附上我参考的博文地址：https://blog.csdn.net/qq_32930863/article/details/77164738

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/40406.html

Php本地多版本安装

摘要：待作者给我答复吧，安装扩展感兴趣的可以看一下参考，大致的意思是官方改版库了，所以你就别指望方法来安装扩展啦等等统统不支持了，是不是瞬间忧伤成狗了哈哈哈还有一种方法叫源码安装。不过多版本安装感兴趣的小伙伴可以了解一下参考 Php多版本安装引言 lumen和laravel可以使用自带的install进行安装(可参照参考1和参考2)，令人发指的是最新的安装器默认采用的是php7.1,本地的...

FleyX 2019-07-01 10:04 评论0 收藏0
JAVA团队开发手册 - 1.环境搭建

摘要：团队开发手册环境搭建写在前面所有公司最核心的根本就是赚钱实现老板的梦想。比如对小的公司最大的问题就是人员有限，一旦核心员工跳槽，如何招聘员工以及新来员工如何快速融入团队进行开发的问题。 JAVA团队开发手册 - 1.环境搭建写在前面所有公司最核心的根本就是赚钱 + 实现老板的梦想。对于IT类技术型公司，最大的成本就是人，可以称之为知识型劳动密集型企业。对比房地产，模糊的说，产品...

Jason_Geng 2019-08-15 13:31 评论0 收藏0
在开发环境下使用nginx重写uri及代理功能

摘要：本文同步在个人博客上，欢迎关注这篇文章整理了在前端开发中，在开发环境下使用重写及代理功能的方法。表示该规则是使用正则定义的，区分大小写。因此牢记在上下文中使用，而在上下文中使用。本文同步在个人博客shymean.com上，欢迎关注这篇文章整理了在前端开发中，在开发环境下使用nginx重写uri及代理功能的方法。参考 nginx中文文档前端开发者必备的 Nginx 知识 Ngin...

LMou 2019-05-21 19:27 评论0 收藏0
分享一些实用的软件工具

摘要：分享一些实用的软件工具也可以分享自己常用的软件给大家，这里会同步更新必备放几个资源站点有能力建议购买正版不要看格式的，可以是。建议使用清除系统的间谍软件，用了之后夏一跳，赶紧卸载了迅雷极速版，只用精简版。分享一些实用的软件工具 PS：也可以分享自己常用的软件给大家，这里会同步更新 kindle(必备) 放几个azw3资源站点：有能力建议购买正版,不要看PDF格式的，可以是mobi。我...

arashicage 2019-08-16 11:03 评论0 收藏0
袋鼠云前端项目发布工具dtux-kangaroo

摘要：每家公司在前端项目发布体系可能不尽相同，本篇文章仅仅介绍袋鼠云的前端发布体系，希望能对大家能有所启发。目前袋鼠云采用的是前后端分离的方式，但是开发中还是比较依赖后端的，接口数据还不是很完善。前言在目前的大趋势下，前端和后端解耦已经是一个业界的趋势。前端和后端一旦解耦之后，前端的项目和后端的项目便可以自己发布，互不影响。这样极大地提高工作效率，免去了很多互相等待的时间。每家公司在前端...

yacheng 2019-08-26 12:01 评论0 收藏0