开发环境和生产环境的跨域问题(学习笔记-axios和mockjs)

本文探讨了开发环境和生产环境中遇到的跨域问题及其解决办法。在开发环境中,由于浏览器安全策略,前端请求后端数据会遭遇跨域限制。为了解决这个问题,可以使用代理服务器,例如在vue项目中通过vue.config.js配置代理。而在生产环境中,由于请求在同一服务器下,不存在跨域问题。此外,当后端未开发完成时,MockJS可用于模拟数据,拦截请求并返回假数据,以便前端继续开发。
摘要由CSDN通过智能技术生成

远程获取数据的意义

image-20201204145137500

前台页面是用来给用户们观看使用的,而后台页面则是管理前台页面的数据更新。

比如说我们要新增一篇文章或者禁用某些用户的登录,那么这个时候我们就要进入后台管理这些数据,用ajax访问服务器,这时候服务器就是记录下我们新的数据。

前台页面这时候就会从服务器中获取数据,比如获取一篇新的文章或时禁用某些用户登录的数据来重新渲染页面。

形成这样一个闭环之后,我们就可以通过数据自己渲染页面,而不用每次获取到新数据的时候重新修改代码,这就是远程获取数据的意义

---------------------------------------------------------------------------------------------------------------------------------

开发环境有跨域问题

浏览器在请求前端开发服务器http://localhost:8080/{这里是用vue-cli脚手架搭建的服务器(实际上是用到了webpack)},这时前端开发服务器会返回一个页面给浏览器,浏览器就根据返回的页面数据渲染页面,页面数据包括(HTML+CSS+JS等),而JS有aj

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值