如何实现vue项目打包部署时解决跨域问题的长尾关键词？

本文共计1150个文字，预计阅读时间需要5分钟。

目录

1.前端工程解决方案

1.1 开发时解决方案 1.2 打包部署后解决方案

2.后端工程解决方案

3.跨源资源共享（CORS）简介

跨源资源共享（CORS）是一种基于HTTP头的机制，用于允许或限制不同源之间资源的访问。该机制通过在HTTP响应头中设置特定的值，来控制哪些来源可以访问资源。

目录

• 1.前端工程解决办法
• 1.1开发时候解决办法
• 1.2打包部署后解决办法
• 2.后端工程解决办法

跨源资源共享（CORS，或通俗地译为跨域资源共享）是一种基于 HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其他源（域、协议或端口），使得浏览器允许这些源访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的“预检”请求。在预检中，浏览器发送的头中标示有 HTTP 方法和真实请求中会用到的头。跨源 HTTP 请求的一个例子：运行在 domain-a.com 的 JavaScript 代码使用 XMLHttpRequest 来发起一个到 domain-b.com/data.json 的请求（也就是vue的axios，或者JQuery的ajax请求）。

出于安全性，浏览器限制脚本内发起的跨源 HTTP 请求。例如，XMLHttpRequest 和 Fetch API 遵循同源策略。