素材巴巴 > 程序开发 >

获取远端数据

程序开发 2023-09-11 09:12:28

vue cli: https://cli.vuejs.org/zh/

axios: https://github.com/axios/axios

mockjs:http://mockjs.com/

远程获取数据的意义

开发环境有跨域问题

浏览器 前端开发服务器 后端测试服务器 http://localhost:8080/ 页面 ajax 跨域:http://test-data:3000/api/news JSON数据 浏览器阻止数据移交 浏览器 前端开发服务器 后端测试服务器

生产环境没有跨域问题

在这里插入图片描述

解决开发环境的跨域问题

浏览器 前端开发服务器 后端测试服务器 http://localhost:8080/ 页面 ajax:http://localhost:8080/api/news 代理请求:http://test-data:3000/api/news JSON数据 JSON数据 浏览器 前端开发服务器 后端测试服务器

为什么要Mock数据

在这里插入图片描述
在这里插入图片描述


标签:

上一篇: 如何快速了解并开发项目 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。