跨域解决方法

live-server : 基于 node.js 的快速启动web服务的工具 (使用 域名和端口的方式访问 页面)
  • 全局安装cnpm i live-server -g
  • 使用:项目目录中的Dos窗口中 使用 live-server --port=3304 访问即可 (端口设置可省略,默认80)

1.**cors:

  • 1.1 普通跨域 (协议,地址,端口问题): 设置响应头
    跨域解决方法
    跨域解决方法
    跨域解决方法

  • 1.2 前端设置了 请求头后端允许该请求头
    跨域解决方法
    跨域解决方法
    跨域解决方法

  • 1.3. 前端的请求方式为 put : 后端允许这些请求方式
    跨域解决方法
    跨域解决方法
    跨域解决方法

2. 代理方式 (纯前端处理)

1.使用一个中间层来发请求。只需要前端来处理即可。

  1. 自己写一套nodejs的中间层
  2. 通过这个中间层去请求猫眼 (这里不会跨域)
  3. 前端代码再去请求这个中间层 (这里会跨域,但是可以解决)

2.使用第三方 http-proxy-middleware 中间件cnpm i http-proxy-middleware -S

3.本地 http://localhost:8080 访问代理 http://localhost:3000/api/xxx
代理后会将 http://localhost:3000/api/xxx 转为 http://m.maoyan.com/xxx(真正地址)

本地请求 http://localhost:3000/api/xxx
跨域解决方法
跨域解决方法