文档章节

vue跨域解决方法

wftt
 wftt
发布于 2018/04/16 17:22
字数 131
阅读 206
收藏 0

主要通过fetch和axios两种方法介绍一下,主要代码如下两张截图,第二个图是在index.js进行配置修改。

fetch:

fetch("/apis/test/testToken.php",{

            method:"post",

            headers:{

                    "Content-type":"application/json",

                    token:"f4...."

            } ,

            body:JSON.stringify({username:"henry",password:"23"})

})

-> index.js: proxyTable -> 重启 -> 不报错 -> json解析
->.then(result=>{
    return result.json()
}).then(data=>{
    console.log(data)
})

axios:使用先安装。

1.安装: cnpm install axios -> 启动: npm run dev.

2.main.js -> import axios from 'axios' 

                    -> Vue.prototype.$axios = axios 

-> App.vue -> 

                   created{

   this.$axios.post("/apis/test/testToken.php",{username:"hello",password:"12"}).then(data=>{

console.log(data);

            })

        } 

->  main.js -> axios.default.headers.common['token'] = "f4c0....." 

                       -> axios.defaults.headers.post['Content-type'] = "application/json"

© 著作权归作者所有

wftt
粉丝 11
博文 38
码字总数 24507
作品 0
海淀
前端工程师
私信 提问
vue-cli创建项目,并且引入element-ui

注:本项目全部是按vue-cli3版本,旧版本有差异 1.创建项目,项目名称不能有大写字母 vue create project-name 2.进入项目目录,添加element-ui cd project-name vue add element 3.一般用v...

shatian
2018/10/25
49
0
详解Vue-cli代理解决跨域问题

使用vue-cli调接口的时候,总是会出现跨域问题,因为vue的localhost与访问域名不一致导致。而这一点,开发者显然也想到了,故而在vuejs-templates,也就是vue-cli的使用的模板插件里,有关于...

李晓艳
2018/04/19
846
0
vue.js(vue-resource) ---jsonp跨域

之前的笔记说axios没有办法处理跨域问题,所以就引入了vue-resource。使用jsonp来解决跨域问题. vue-resource的基本用法: get(url, [options]) head(url, [options]) delete(url, [options])...

bluefrankey
01/07
156
0
Vuejs2.0学习笔记之axios&vue-resource

在Vue中发送AJAX请求:Vue本身并不支持发送ajax请求,需要使用第三方插件vue-resources(1.0, 但是2.0中不建议使用)、官方推荐使用axis(2.0);但是也可以用jQuery; 什么是axios?axios是一个基...

码农严选
03/01
69
0
vue框架搭建之axios使用教程

本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步 1、安装 2、引入main.js 文件引入: 3、使用 4、跨域与代理在vue本地开发时请求总是发生跨域解决方案:配置代理con...

前端攻城老湿
2018/11/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

刚哥谈架构 (二) 我眼中的架构师

之前在公司,有小伙伴在向别人介绍我的时候,经常会有人这么说:“刚哥是我们的architcture”,如果来人是老外,心中一定是一惊,心中暗叹,“这位匪首看上去貌不惊人,难道已经做到了架构和...

naughty
51分钟前
5
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
129
4
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
5
0
Spring Boot + Mybatis-Plus 集成与使用(二)

前言: 本章节介绍MyBatis-Puls的CRUD使用。在开始之前,先简单讲解下上章节关于Spring Boot是如何自动配置MyBatis-Plus。 一、自动配置 当Spring Boot应用从主方法main()启动后,首先加载S...

伴学编程
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部