开发测试比

Stephy_Yy

于 2020-03-21 21:24:15 发布

阅读量540

点赞数

CC 4.0 BY-SA版权

分类专栏： # ZNZD项目

本文链接：https://blog.csdn.net/weixin_43503511/article/details/104976996

本文探讨了前端开发中的跨域问题，包括CORS支持和JSONP解决方案，以及axios的使用和配置，如baseURL、拦截器和缓存控制。此外，还提到了登录时遇到的网络问题、mock.js在模拟数据中的应用，以及在vue项目中使用slot-scope和导出表格的挑战。同时，讲解了监听路由变化、Apache与PHP的关系、package-lock.json的作用，以及解决vue devServe 打开浏览器两次的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.服务器已经开启了CORS跨域支持

浏览器有同源策略限制：协议、域名、端口号
其中无法向非同源地址发送ajax请求
1. 跨域解决方法：JSONP（只支持get不支持post），不是ajax

凡是有src属性的标签都有跨域能力
前端定义一个处理返回data的方法
后端获取前端的callback参数（函数名）
后端用callback函数包装数据返回给前端
前端由于先前定义了callback，就能以自己想要的方式处理数据（调用）
JSONP学习笔记

   2）vue的jsonp ： this.$http.JSONP('', {})
   3) CORS跨域资源共享
   普通的跨域请求，只需要后端设置；带cookie的跨域请求，前后端都要设置

什么是跨域？跨域解决方法

2.axios

创建实例时，即使配置了baseURL，也不影响，因为他是给相对路径使用的，而我的测试页面用的是绝对路径。

baseURL 将自动加在 url 前面，除非 url 是一个绝对 URL。
它可以通过设置一个 baseURL 便于为 axios 实例的方法传递相对 URL
创建实例时配置headers，其中有缓存头Cache-Control，设置为no-store：本地和代理服

最低0.47元/天解锁文章

200万优质内容无限畅学