const axios = require('axios');
注意,是在export default外声明全局变量
3、使用
同方法一的第3步
浏览器报错:方法一,解决步骤:1、网上下载axios.js,并放入vue工程plugins目录下2、在main.js引入axiosimport axios from './plugins/axios3、在相应页面中使用 created() { const _this = this axios.get('http://localhost:8181/book/...
<script rtype="text/javascript" src="https://unpkg.com/axios/dist/axios.min.js"></script>
由于现网没有网络导致报错
解决办法
访问此网址
https://unpkg.com/axios/dist/axios.min.js 复...
2.以 axios 官方文档get请求为例子,发现运行时还是会报上述错误
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
.catch(function (error) {
console.log(error);
3.查阅资料发现在 main.js 中添加以下代码即可解决
在做项目的时候发现在ie11上出现不兼容的问题,对于和后台交互这块页面都报错,f12开发者工具模式下提示Promise未定义。
为了解决这个问题,网上查了很多,经过多番尝试,发现了一个解决方法。
首先安装cnpm install -g es6-promise --save-dev
然后在main.js里面引入import promise from 'es6-promise';promise.polyfill();
但是引入之后重新npm run dev 发现报错,提示 webpack不是内部命令的错误,然
1.自己在网上下载axios文件,放入项目src目录下的plugins文件(没有可新建),在main.js文件中引入
import axios from './plugins/axios
2.命令行切换到项目文件夹使用npm安装axios
npm install axios
在如图位置使用如下语句声明(是在export default外声明全局变量)
const axios = require('axios');
const requrl = '/user/find/1'
axios.get(requrl).then(response => {
const user = response.data
this.username = user.username
this.age = user.age
}).catch(
function (error) {
// 请求失败处
created(){
const _this = this
axios.get('http://localhost:8081/book/findall').then(function (resp) {
最近修改项目的兼容性,项目测试ie11兼容性时发现axios会提示promise未定义,在chrome下完全没毛病,怎么去到ie11就报promise未定义了呢?
翻了一轮axios的文档终于发现问题原因。
在ie11下直接使用axios会报Promise未定义,这是因为axios本质上是封装了ES6语法的promise,而promise在IE上并不兼容。
这时只需要引入babel-pollfile就行了。babel-Polyfill相当于一个ES6的兼容垫片, 它会仿效一个完整的ES2015+环境,从而让
[Vue warn]: Error in event handler for "el.form.blur": "TypeError: callback is not a function"解决
15621