利用nginx做反向代理解决前端的跨域问题

jk 1年前 ⋅ 9408 阅读

源于:今日头条(查看原文)

首先我们要从nginx官网去下载nginx的压缩包,解压之后就可以用了,然后找到nginx目录下的nginx.conf文件,然后进行配置

配置如下:

利用nginx做反向代理解决前端的跨域问题

 

利用nginx做反向代理解决前端的跨域问题

 

到这一步我们的nginx就算是配置完成了,然后我们再说一下nginx常用的命令

启动:start nginx

停止: nginx -s quit

重新加载配置文件: nginx -s reload

查看windows任务管理器下Nginx的进程命令:tasklist /fi "imagename eq nginx.exe"

接下来我们启动nginx命令

然后看一下我们前端代码如何写

利用nginx做反向代理解决前端的跨域问题

 

到这里我们的nginx就算代理成功,另外在插一句,其实vue的config中的index.js配置的跨域,实现跨域的原理也和nginx

做反向代理的原理是一样的。。。。


全部评论: 0

    我有话说: