参考:
https://blog.csdn.net/weixin_42749765/article/details/82253558
https://blog.csdn.net/qq_33862644/article/details/79337348
就纯小白看了一圈博客下来,只知道它的一些概念,具体怎么用还是不太理解,最后请教了一下之后大概明白了一些。关于下载安装就不说了,其实下载安装完了,需要做的就是配置D:\nginx-1.14.2\conf目录文件下的nginx.conf文件即可,其他的不能理解的参数也可以先不管,这里主要是要配置server,在原本server的参数下面添加接口即可:
server {
#监听的接口,这个接口是用于前端接入的
listen 8082;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
#这里是配置的前端的页面路径,root是根目录,index是/启动页面
location / {
root E:\for_work_study\my-program\myblog-page\page;
index \users\login.html login.htm;
}
#这里配置的是静态文件的路径
location ~ \.(jpg|jepg|gif|css|png|ico|html|json|js)?$ {
#proxy_pass http://localhost;
root E:\for_work_study\my-program\myblog-page;
}
#这里是配置后端的接口,主要改的是proxy_pass,将其设置为后端的接口参数
location /api/ {
#这个add_header是用于添加请求中的header参数的,如果暂时用不到,可以不加
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Headers' 'Content-Type,Content-Length,Authorization,Accept,X-Requested-With,token';
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE,OPTIONS';
proxy_pass http://127.0.0.1:3000/;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#错误页面,暂时不用管
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
改完了以后,启动nginx(我是用的git bash启动的,运行start nginx即可,后面更改完nginx以后,需要保存以后重启nginx, 同在git bash里运行./nginx -s reload即可)。
中间的一些参数讲解是我个人的理解,如果有偏差或者错误的地方可以提出来。后面还有遇到另外一些问题,这篇跨域详解让我觉得非常易于理解,不懂的小伙伴还可以看看。