前后端分离，ajax api接口跨域，node代理和nginx代理

前后端分离方式，实现跨域：

1.模拟后端开发，拉后端代码。（要后端代码，没坑，效率低）
2.前端开启web服务器，node服务器或者nginx服务器。（前端自由，不用管后端）

node服务器：

proxyTable: {
  '/api': {
    target: 'http://segmentfault.com',pathRewrite: {
      '^/api': ''
    }
  }
}
1.比如ajax接口"/getMessage"，本地"localhost：8080/getMessage"，有跨域的问题。
2.localhost:8080 => http://segmentfault.com，本地开启服务器实现代理。

nginx服务器：

http {
    server {
        listen  8080; #本地端口        
        server_name localhost;
        location  ~*/get*|post* { #nginx正则匹配(可高度自定义)            
            proxy_pass http://segmentfault.com; #反向代理
        }
    }
}
1.比如ajax接口"/getMessage"，本地"localhost：8080/getMessage"，有跨域的问题。
2.localhost:8080 => http://segmentfault.com，本地开启服务器实现代理。
3.nginx反向代理更多配置查询http://www.nginx.cn/115.html。

参考：
1.Vue-cli proxyTable
2.nginx搭建web服务器

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!