如何实现nodejs获取其他服务器api数据，并且上传服务器解除本地环境跨域限制

Question

标题描述的不是很清楚。

事情是这样的，我这边一个项目用到了一个开放接口，但是这个接口是有跨域限制的，我现在做的这个项目是个无后端项目，vue+axios，本地环境使用nodejs进行接口转发实现了跨域，想问一下，如何在线上环境中也让我的项目解除跨域限制呢，或者是说如何在线上配置一个代理转发服务呢

Answer 1

使用nginx反向代理开放接口，类似如下：

server {
    listen      80;
    server_name domain.com;

    location /api {
        proxy_pass      http://open_service_url;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

Answer 2

你都说“代理转发服务器”，还自己用nodejs转发了，还不知道怎么做吗？无后端项目至少也要个web服务器吧？你就用nginx做web服务器然后顺便代理那个接口就好，或者直接用你写的转发脚本也行。或者你是别的什么意思？

Answer 3

线上也用node呀。
浏览器 ---＞node ---＞ api

Answer 4

开发环境使用vue-cli的话，肯定用到了webpack-dev-server，直接在配置文件里面写好proxy选项就行~参考链接：https://vuejs-templates.githu...

Answer 5

方法很多。。。node.js随便在网上找个当服务的代码，然后命令行启动，webpack直接在proxy里面填写，编辑器也可以执行创建服务器，你随便挑个搜一下吧