feng xiaohan

跨域解决

由于浏览器的同源策略,浏览器会拒绝跨域请求。

jsonp(前后端协作)

利用 script 标签的 src 不受同源策略的限制,(通过动态创建 script 发送)可以跨域请求数据。但是只能发送 get 请求。

后端返回的是一个函数,该函数是在前端定义的,后端把要返回的值注入到函数的参数里面。

代理服务器(前端)

webpack、vite 等。

注意:该方法只在开发环境生效,如果需要生产环境需要修改 nginx 配置。

设置请求头-跨域资源共享 cors(后端)

后端设置请求头 Access-Control-Allow-Origin。

nginx 代理

适合于上线时使用,前后端不需要有什么修改。