vue项目内可以使用vue代理解决本地跨域问题。但很多时候,我们有些项目不全是vue框架开发的,甚至存在着请求多个服务地址跨域问题。这个时候,我想到了ngnix可以解决此类问题。
(1)下载ngnix
http://nginx.org/en/download.html
(2)配置ngnix
找到文件目录存放的盘符:\nginx-1.17.7\conf\nginx.conf
的文件,并且打开
复制原来的
server {}
,然后粘贴在原来的server {}
下方。(只保留红色区域内对应的字段和配置,新手不要自己手动写,容易出错)(3)运行
接着我们就可以在根目录下启动ngnix.exe
,然后在浏览器中输入http://127.0.0.1:80
,如果显示"Welcome to nginx!",说明我们的配置成功,并且成功启动了。这个时候可以接着输入其他代理的地址,查看我们的配置是否都完全正确:http://127.0.0.1:1234
,http://127.0.0.1:4567
,http://127.0.0.1:1111
(4)调试与技巧
如果访问不成功,这个时候可以通过查看任务管理器,查看是否存在着ngnix.exe的进程,如果存在,说明是我们的访问地址可能不对,如果不存在,说明没成功启动。如果没有成功启动的话,我们可以在文件目录存放的盘符:\nginx-1.17.7\logs\error.log
找到并且打开,在最后一行,可以查看到我们启动失败的原因。
(5)总结
ngnix需要自己模拟配置几个不一样的路径和地址,才能更好的理解。
如果想要更好的理解ngnix,可以继续查看这里https://www.runoob.com/w3cnote/nginx-setup-intro.html