前端跨域的三种解决方案

Posted xiaohaodeboke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端跨域的三种解决方案相关的知识,希望对你有一定的参考价值。

1.CORS跨域

  前端不动  后端配合

  像调用正常的接口一样调用接口,通过后端修改配置使得站点能够访问

 

2.JSONP跨域(github网址:https://github.com/webmodules/jsonp)

  前端适配(安装jsonp插件)  后端配合

 

3.接口代理

  通过修改nginx服务器配置来实现

  前端修改  后台不动

  在src文件夹下新建vue.config.js ,vue.config.js是整个webpack的配置表(webpack会加载该文件), webpack的配置表最终会传送给nodejs服务器,来实现整个服务的设置。

  该文件遵循的是commjs规范,  module.exports

以上是关于前端跨域的三种解决方案的主要内容,如果未能解决你的问题,请参考以下文章

跨域的三种解决方案

如何解决跨域问题

跨域以及解决跨域的几种方式

解决SpringBoot跨域的三种方式

跨域是啥意思

web前端跨域的一些解决方案