举例: 在 xxx.xxx.x.x 服务器去部署前端静态页面
注意:打静态包的时候要把后段地址改成 xxx.xxx.x.x:1000/api
注意:该地址 是访问nginx的地址( 除了/api )
然后,使用 nodejs 部署前端静态包,例如访问地址为:xxx.xxx.x.x:1088
接下来需要安装nignx,官方地址:http://nginx.org/en/download.html 根据需求下载
安装后进入 conf 文件夹 找到 nginx.conf 文件:
在 server 下配置:
listen 1000;
server_name localhost;
location / {
proxy_pass http://xxx.xxx.x.x:1088 ; // 访问 前端地址
add_header Access-Control-Allow-Origin *;
}
location /api {
proxy_pass http://xxx.xxx.x.x:1000/api; // 代理 后段地址
add_header Access-Control-Allow-Origin *;
}
配置完成后 重启 nginx
重启:nginx -s reload
最后,打开浏览器,访问 xxx.xxx.x.x:1000 就可以完美结局跨域问题了