由于浏览器的同源策略,浏览器会拒绝跨域请求。
jsonp(前后端协作)
利用 script 标签的 src 不受同源策略的限制,(通过动态创建 script 发送)可以跨域请求数据。但是只能发送 get 请求。
后端返回的是一个函数,该函数是在前端定义的,后端把要返回的值注入到函数的参数里面。
代理服务器(前端)
webpack、vite 等。
注意:该方法只在开发环境生效,如果需要生产环境需要修改 nginx 配置。
设置请求头-跨域资源共享 cors(后端)
后端设置请求头 Access-Control-Allow-Origin。
nginx 代理
适合于上线时使用,前后端不需要有什么修改。