配置文件是安装目录conf文件夹下的nginx.conf文件,nginx主要是部署前端项目和跨域代理。
主要是配置server 里面的内容,主要配置如下
server {
listen 80;
server_name localhost;
location ^~ /test {
proxy_pass 代理地址;
}
location / {
root D:/nginx/blog/dist;
index index.html index.htm;
}
location ~* \.(eot|ttf|woff|svg|otf)$ {
root D:/nginx/blog/dist;
add_header Access-Control-Allow-Origin *;
}
listen是nginx占用的端口,可自定义,server_name 是服务器的ip地址
^~ /test 表示已/test开头的请求,都代理到proxy_pass。
代理一句话攻略:就是比如你前台发过来的请求是 192.168.0.1/blog/list,然后请求到了nginx服务器上,nginx服务器会拿到这个请求,然后解析,转发到 代理服务器地址,比如代理服务器地址是 http://www.baidu.com/blog/list,nginx 就会对这个发请求,拿到结果后,再返回给客户端浏览器,nginx相当于是接力队员。
下面的location / 就是要请求前端的静态页面,大括号里面的root 是前端项目dist的放置路径,就是说客户端请求前端资源,nginx就会来这儿找,找到后返回给客户端浏览器。有时候 前端请求也会加统一前缀。
下面的一个location 是处理前端图标的,不加的话就会出现前端图标不显示的问题。大括号里面的root 路径和上面的一样
比较高级的一个配置方法:
高级配置方法
1. 把server部分注释掉
2. 在上面加上
Include vhost/*.conf
这样vhost里面配的,就相当于是配置到
Nginx.conf里面了。
这样做有什么好处呢?
就是考虑到以后的维护,以后维护起来会比较方便
每一个域名都做成一个.conf文件
这样我们通过主配置include进来。
以后如果想维护某个域名的话,
进入对应的域名文件就可以了。
不然nginx.conf会越编辑越大。
创建一个vhost文件夹
然后按照之前server中的配置即可