配置nginx反向代理-解决前后端跨域问题

1.首先电脑中安装nginx

官方网站下载地址： https://nginx.org/en/download.html

2.解压下载后的文件，目录如下

3.打开conf文件夹下的nginx.conf

找到如下代码注释

#location / {
#    root   html;
#    index  index.html index.htm;
#}

找到如下代码修改

server {
    listen       8080;
    server_name  localhost;

接着新增

location / {
    proxy_pass http://localhost:8001;
}

location /api/ {
    proxy_pass http://localhost:8000;
    proxy_set_header Host $host;
}

其中：

• proxy_pass http://localhost:8001; 表示前端被代理的域名与端口
• proxy_pass http://localhost:8000; 表示后端api接口的地址

4.点击nginx.exe文件启动nginx

现在访问localhost:8080就不会出现跨域的问题了