m0_61123567的博客

跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。所谓同源指的是两个页面具有相同的协议、主机和端口，三者有任一不相同即会产生跨域。浏览器不允许你在一个网页内请求另一个不同源的链接这些是知乎上的解释：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以会出现跨域问题。出于浏览器的同源策略限制。

当你需要在组件中使用的数据时，将它们定义在 data 中是一个常见的做法。注意，Vue 在实例化过程中，会将 data 对象的属性转换为响应式的，以便于数据能够被追踪和更新。在给定的代码中，“el” 的值为 “#app”，这意味着该 Vue 实例将被挂载到 id 为 “app” 的 HTML 元素上。它的作用是将 Vue 实例与特定的 HTML 元素进行关联，使 Vue 的模板和渲染结果能够被插入到该元素中。在实际应用中，可以根据需要将 Vue 实例挂载到不同的 HTML 元素上，以控制渲染的范围和位置。

我们前端页面中的数据，如下图所示的表格中的学生信息，应该来自于后台，那么我们的后台和前端是互不影响的2个程序，那么我们前端应该如何从后台获取数据呢？因为是2个程序，所以必须涉及到2个程序的交互，所以这就需要用到我们接下来学习的Ajax技术。Ajax: 全称Asynchronous JavaScript And XML，异步的JavaScript和XML。与服务器进行数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并。

视频→acwing上的教程→。