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

发布时间:2019-06-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前后端分离,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服务器

脚本宝典总结

以上是脚本宝典为你收集整理的前后端分离,ajax api接口跨域,node代理和nginx代理全部内容,希望文章能够帮你解决前后端分离,ajax api接口跨域,node代理和nginx代理所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue