Laravel + IE + Axios = "Promise is undefined。“ - 腾讯云开发者社区

文章/答案/技术大牛

发布

promise & axios & async_await 关于 Promise

的then链式调用仍然是层层依赖的逻辑但是不会像“地狱回调”那么不美观和不易于维护 promise & axios axios 是由 promise 封装的一个 http 的库。...axios本身就是一个promise。...一起使用的，而axios又是基于promise封装，所以我们可以将 async/await和axios 结合一起使用。...网上很多都是把axios外面又套一层promise那是不科学或者没有理解axios的本质的做法，要知道：axios是promise封装的，本质就是一个promise，所以没必要去套一层promise...const demo =async () => { //第一个异步promise（axios）接口请求数据 const result1 = await this.

1.7K2 0

await axios竟然返回undefined？（已解决）

现象昨天写vue的时候，使用await axios 竟然返回了undefined？...from 'axios'; export const baseURL = 'http://localhost'; // 创建axios实例 const http = axios.create({...// 未授权，跳转到登录页面 // window.location.href = '/login'; }, 1500); } return Promise.reject...(error); } ); 追溯起源首先是res为undefined 追踪到getCourseListAPI()内部，发现内容的res也是undefined 但在f12的控制台的网络面板中发现数据是成功的获取到了的...; }, 在这里，发现response.data不是一个响应对象，response才是正确的响应对象，响应拦截器将一个非响应对象返回给axios实例，await解析出来就是undefined 解决方案

2.9K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Ajax,Promise,Fetch,Axios的区别

Ajax,Promise,Fetch,Axios的区别说起他们的区别我们首先要知道，js中什么是同步执行和异步执行？...Promise 为了解决一部带来的问题，js推出新对象promise，专门用来存储异步代码对象，他可以确保异步代码的执行和返回结果 Promise的回调函数可以指定两个参数 resolve :在代码正常执行时...Axios 非官方的发送异步请求的库，基于promise，需要自己引入，可以更好地封装，使用范围广，更方便 document.querySelector("button").addEventListener...("click", function () { axios .get("https://api.q6q.cc/blog") .then((res)...√专门为异步提供支持Fetch√官方库，基于Promise，可以直接用来发送请求Axios×第三方，基于Promise，需要引入，能更好的封装

2.5K3 0

项目实战之接口处理篇~一文搞定接口请求

axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范。...转换请求和响应数据取消请求自动转换JSON数据兼容性问题 axios在PC端浏览器的兼容性问题 axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。...context: path.resolve(__dirname, ‘…/’), entry: {undefined app: [“babel-polyfill”, “..../src/main.js’ }, } axios在安卓低版本兼容性处理在较低版本的安卓手机中发现发现封装的axios请求无效，主要原因还是低版本的安卓手机无法使用promise 解决方式：安装 es6...-promise npm install es6-promise -s 引入注册es6-promise 一定要在axios注册之前 // 注意： es6-promise 一定要在 axios 之前注册

3732 0

VUE——Uncaught (in promise) TypeError: Cannot read property __esModule of undefined

前言这里说下我是如何查看前端报错信息的,以Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined

1.1K1 0

vue在IE下无法正常工作，Promise未定义？

if (this == null) { throw new TypeError('Array.prototype.find called on null or undefined...predicate.call(thisArg, value, i, list)) { return value; } } return undefined...; }; } 引入了`axios`后，IE再次报出`Promise未定义`的错误，如下图：这是因为`axios`使用了`es6`新增的`Promise`对象导致，我们只需要在引入前先引入`es6...`es6-promise`项目[github地址](https://github.com/stefanpenner/es6-promise) 现在，这个组件终于可以在IE上正常展示了！...VUE： 1 / 1 vue在IE下无法正常工作，Promise未定义？

5.5K2 0

axios : Promise based HTTP client for the browser and node.jsaxios

axios Promise based HTTP client for the browser and node.js Features Make XMLHttpRequests from the browser...Make http requests from node.js Supports the Promise API Intercept request and response Transform request...If `validateStatus` returns `true` (or is set to `null` // or `undefined`), the promise will be resolved...; otherwise, the promise will be // rejected....Promises axios depends on a native ES6 Promise implementation to be supported.

9772 0

面试官不要再问我axios了？我能手写简易版的axios

promise } } 这里其实就是体现了axios设计的巧妙，维护一个栈结构 + promise 的链式调用实现了拦截器的功能，可能有的小伙伴到这里还是不是很能理解，我还是给大家画一个草图去模拟下这个过程...== 'undefined') { // For browsers use XHR adapter adapter = require('....所以我们用axios 自定义adapter 器的时候, 一定是返回一个promise。ok请求的方法我在下面模拟写出。 cancleToken 我首先问大家一个问题，取消请求原生浏览器是怎么做到的？...// Wait 2 seconds to abort both requests setTimeout(() => controller.abort(), 2000); 但是这是个实验性功能，可恶的ie...= new Promise(resolve => { resolvePromise = resolve; }) this.reason = undefined

7273 0

面试官不要再问我axios了？我能手写简易版的axios

8391 0

面试官不要再问我 axios 了？我能手写简易版的 axios

7883 0

Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。

download属性 //文件下载 downFile() { if ('download' in document.createElement('a')) { // 非IE...通过blob实现跨域下载并修改文件名(同样适用于URL地址) 方法 //通过文件下载url拿到对应的blob对象 getBlob(url) { return new Promise...== "undefined") { req.curBrNo = params.curBrNo } if (params.pageIndex !...== "undefined") { req.pageIndex = params.pageIndex } if (params.pageSize !...} from '@/utils/request' //导入axios请求方法 request封装axios文件 export function exportFunc(url,parameter)

7.6K2 0

Laravel报错Call to undefined function IlluminateEncryptionopenssl_cipher_iv_length()

nginx: 在phpstudy中运行Laravel一键安装包时报错：Call to undefined function Illuminate\Encryption\openssl_cipher_iv_length

9652 0

前端异常的捕获与处理

其中 message 属性是唯一一个能够保证所有浏览器都支持的属性，除此之外，IE、Firefox、Safari、Chrome 以及 Opera 都为事件对象添加了其它相关信息。...譬如 IE 添加了与 message 属性完全相同的 description 属性，还添加了保存这内部错误数量的 number 属性。...; Promise.reject("promise error"); new Promise((resolve, reject) => { reject("promise error"); });...为例，模拟接口响应 401 的情况： // 请求 axios.get(/api/test/401") // 结果 Uncaught (in promise) Error: Request failed...(axios.js:1037) 可以看出来 axios 的异常可以当做 Promise 异常来处理： // 请求 axios.get("http://localhost:3000/api/uitest

4.6K3 0

Vue笔记：封装 axios 为插件使用

前言自从Vue2.0推荐大家使用 axios 开始，axios 被越来越多的人所了解。...(options) { return new Promise((resolve, reject) => { const instance = axios.create({ baseURL...response 拦截器 instance.interceptors.response.use( response => { let data; // IE9...时response.data是undefined，因此需要使用response.request.responseText(Stringify后的字符串) if (response.data...== undefined) { data = JSON.parse(response.request.responseText) } else {

2.1K1 0

Promise 与 Axios 的一些学习心得记录

：看Promise实例中谁先得到最后的状态，最后就以它的状态和Value为主 Axios 它比Jquer中的AJAX库牛逼就牛逼在它是基于Promise的设计模式而封装的。...不管3721，第一步我们都是配置好默认项 // => 配置 axios.defaults.baseURL = 'http://127.0.0.1:5500'; axios.defaults.withCredentials...= true; axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded' // => 请求拦截器 axios.defaults.transformRequest...(reason) }] // => 发送各种请求以及使用axios.all处理并行 axios.get(URL,{ params: { } }).then(data => { })....catch(reason => { }) axios.post(URL,DATA,{ }).then(data => {}) axios.all([p1,p2,....]).then(results

1471 0

一比一还原axios源码（五）—— 拦截器

上一篇，我们扩展了Axios，构建了一个Axios类，然后通过这个Axios工厂类，创建真正的axios实例。那么今天，我们来实现下Axios的拦截器也就是interceptors。...,fn,undefined,fn,undefined,fn,undefined,fn,undefined,fn,undefined] // 具体点，[requestInterceptorChain...,chain,responseInterceptorChain] // 再具体点：[requestResolve3,undefined,requestResolve2,undefined,requestResolve1...,undefined,dispatchRequest, undefined,responseResolve1,undefined,responseResolve3,undefined] console.log...，返回promise，包括后面的responseInterceptorChain也是promise，因为最后要抛出promise供axios实例使用。

8582 0

77.9K 的 Axios 项目有哪些值得借鉴的地方

一、Axios 简介 Axios 是一个基于 Promise 的 HTTP 客户端，拥有以下特性：支持 Promise API；能够拦截请求和响应；能够转换请求和响应数据；客户端支持防御 CSRF...在浏览器端 Axios 支持大多数主流的浏览器，比如 Chrome、Firefox、Safari 和 IE 11。此外，Axios 还拥有自己的生态： ?...Axios 为我们提供了解决方案 —— 拦截器。 Axios 是一个基于 Promise 的 HTTP 客户端，而 HTTP 协议是基于请求和响应： ?...== 'undefined') { // For browsers use XHR adapter adapter = require('....比如当调用自定义适配器之后，需要返回 Promise 对象。这是因为 Axios 内部是通过 Promise 链式调用来完成请求调度，不清楚的小伙伴可以重新阅读 “拦截器的设计与实现” 部分的内容。

1.4K3 1

一比一还原axios源码（五）—— 拦截器「建议收藏」

5582 0

axios基本使用

axios基本使用简介 Axios，是一个基于promise 的网络请求库，作用于node.js和浏览器中，它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。...基础语法首先是需要导入相关的js文件 axios-0.18.0.js /* axios v0.18.0 | (c) 2018 by Matt Zabriskie */ !...==navigator.product)&&("undefined"!=typeof window&&"undefined"!...e=n(8):"undefined"!...;var t;this.promise=new Promise(function(e){t=e});var n=this;e(function(e){n.reason||(n.reason=new o(

1981 0

laravel-admin 表格自定义行操作Call to undefined method

表格自定义行环境:laravel-admin 1.xx 问题 disableDelete(); $actions->disableEdit(); $actions->disableView(); 但是表格自定义行操作报错(Call to undefined

8501 0

点击加载更多

promise & axios & async_await 关于 Promise

await axios竟然返回undefined？（已解决）

Ajax,Promise,Fetch,Axios的区别

项目实战之接口处理篇~一文搞定接口请求

VUE——Uncaught (in promise) TypeError: Cannot read property __esModule of undefined

vue在IE下无法正常工作，Promise未定义？

axios : Promise based HTTP client for the browser and node.jsaxios

面试官不要再问我axios了？我能手写简易版的axios

面试官不要再问我axios了？我能手写简易版的axios

面试官不要再问我 axios 了？我能手写简易版的 axios

Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。

Laravel报错Call to undefined function IlluminateEncryptionopenssl_cipher_iv_length()

前端异常的捕获与处理

Vue笔记：封装 axios 为插件使用

Promise 与 Axios 的一些学习心得记录

一比一还原axios源码（五）—— 拦截器

77.9K 的 Axios 项目有哪些值得借鉴的地方

一比一还原axios源码（五）—— 拦截器「建议收藏」

axios基本使用

laravel-admin 表格自定义行操作Call to undefined method

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐