前后端星散，ajax api接口跨域，node代办和nginx代办

2024年2月2日 194次阅读 来源: htmlyuanzi

前后端星散体式格局，完成跨域：

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服务器

    原文作者：htmlyuanzi
    原文地址: https://segmentfault.com/a/1190000012960641
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞