fetch vue读取json文件_fetch在vue中的使用方法

1.安装fetch: npm install whatwg-fetch --save

2.在入口index.js文件中引入 import 'whatwg-fetch'

3.let url = global.commonIP + '/api/users/login'

let _this = this

fetch(url, {

method: 'POST',

headers: {

'Content-Type': 'application/json'

body: JSON.stringify({

loginName: 'yj',

password: 'yj',

})

}).then(function(res){

res.json().then(function(obj){

if(obj.errcode == '200'){

alert('登录成功')

_this.$router.push('/')

}

})

4.上传文件

let url = global.commonIP + 'api/uploadFile/upload'

let _this = this

let data = new FormData()

data.append('uploadFile', this.$refs.file.files[0])

data.append('type', '2')

fetch(url, {

method: 'POST',

body: data

}).then(function(res){

res.json().then(function(obj){

switch(obj.errcode){

case '200':

alert('上传成功')

break;

default:

alert(obj.errmsg)

}

})

5.跨域

fetch(url, {

method: 'GET',

mode: "cors",

headers: {

'Accept':'application/json,text/plain,/'

}

}).then(function(res){

console.log(res.text())

})

参考https://github.com/github/fetch

6.兼容问题需要安装es6-promise解决

image.png

在main.js文件：

import promise from 'es6-promise'

promise.polyfill();

fetch vue读取json文件_fetch在vue中的使用方法相关推荐

vue读取json文件
1.编写json文件,data.json {"success":true,"code":"200","message": ...
fetch vue读取json文件_前端笔记——尝试理解并在JavaScript中使用Fetch()
介绍 Fetch()方法可以发出类似于XMLHttpRequest(XHR)的网络请求.Fetch API和XMLHttpRequest之间的主要区别(也称为XHR)是Fetch API使用Promi ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...
Java 读取 JSON 文件转成 Map 对象
Java 读取 JSON 文件转成 Map 对象应用场景待读取的外部 JSON 文件 Java 代码读取结果 Gson 应用场景 Jar 包或 War 包引用一个外部文件作为项目运行的配置文件 ...
netcore读取json文件_.net core读取json格式的配置文件
在.Net Framework中,配置文件一般采用的是XML格式的,.NET Framework提供了专门的ConfigurationManager来读取配置文件的内容,.net core中推荐使用j ...
R读取json文件并转化为dataframe
R读取json文件并转化为dataframe 目录 R读取json文件并转化为dataframe R读取json文件把json转为dataframe
cocos2d-x之读取json文件
cocos2d-x之读取json文件在resource文件夹下,添加data.json文件新建->Other->empty->open 就新建一个json文件了, data.js ...
python读取json配置文件_Python简单读取json文件功能示例
本文实例讲述了Python简单读取json文件功能.分享给大家供大家参考,具体如下: read_json.json: { "rule":{ "namespace" ...
java spark 读取json_apache-spark - 与aws-java-sdk链接时，在读取json文件时发生Spark崩溃 - 堆栈内存溢出...
让config.json成为一个小的json文件: { "toto": 1 } 我做了一个简单的代码,用sc.textFile读取json文件(因为文件可以在S3,本地或HDFS上 ...

fetch vue读取json文件_fetch在vue中的使用方法

fetch vue读取json文件_fetch在vue中的使用方法相关推荐

最新文章

热门文章