跨域解决方法
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.使用一个中间层来发请求。只需要前端来处理即可。
- 自己写一套nodejs的中间层
- 通过这个中间层去请求猫眼 (这里不会跨域)
- 前端代码再去请求这个中间层 (这里会跨域,但是可以解决)
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
: