本站业务范围:1、PC端软件开发、网站开发 2、移动端APP、网站、微信接口、微商城开发 3、视频教程、毕业设计辅导
 当前位置:文章中心 >> 微信公众号
立即购买视频教程 采用axios传输数据
夜鹰教程网 来源:www.yyjcw.com 日期:2018/1/6 18:52:35
分享到:
采用axios传输数据

这篇文章不能解决你的问题?我们还有相关视频教程哦!

QQ:1416759661 新手QQ群:7835003  加Q远程协助!

在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术咨询: 购买教程  技术咨询:购买教程  大胆的加QQ咨询。

背景介绍:


  开发微信公共号时前后端分离,后台用C#开发,前端使用vue框架,数据采用axios传输


具体问题:


  1:前后端分离造成的跨域访问


  2:跨域后cookie传输和设置


解决方案:


  1:使用jsonp作为数据传输的方式,前端和后端配合解决跨域问题


  2:通过axios与webconfig中的设置将cookie通过axios传输(get、set)


具体方案:


  问题一:


  1:controller


复制代码

    /// <summary>

        /// get

        /// </summary>

        /// <param name="ID"></param>

        /// <returns></returns>

        public JsonpResult Text(int ID)

        {

            return this.Jsonp(ID);

        }

        /// <summary>

        /// post

        /// </summary>

        /// <param name="jsonp"></param>

        /// <returns></returns>

        [HttpPost]

        public JsonpResult TextJsonpHttp(string jsonp)

        {

            return this.Jsonp(jsonp);

        }

复制代码

  2:JsonpResult


 View Code

  3:vue中axios.js


 get

 post

  get与post均可使用axios.js


  4:配置项web.config


 web.config

  问题二:


 1:web.config中配置项


 


 2:vue-main.js中


  axios.defaults.withCredentials = true//解决cookie问题


 3:axios请求




 4:http header




 


 得到结论,在跨域的情况下使用 axios,首先需要配置 axios 的 withCredentials 属性为 true。然后服务器还需要配置响应报文头部的 Access-Control-Allow-Origin 和 Access-Control-Allow-Credentials 两个字段,Access-Control-Allow-Origin 字段的值需要为确定的域名,而不能直接用 ‘*’ 代替,Access-Control-Allow-Credentials 的值需要设置为 true。前端和服务端两边都配置完善之后就可以正常进行跨域访问以及携带 cookie 信息了。


复制链接 网友评论 收藏本文 关闭此页
上一条:已经是第一条了  下一条: 微信公众号的泛滥,让用户朋友圈变成HT…
购买夜鹰教程网视频教程
  推荐教程/优惠活动

  热门服务/教程目录

  夜鹰教程网  新手必看,详细又全面。
  夜鹰教程网  购买教程  夜鹰教程网  在线支付-方便
  夜鹰教程网  担保交易-快捷安全   夜鹰教程网  闪电发货
  夜鹰教程网  电话和QQ随时可以联系我们。
  夜鹰教程网 不会的功能都可以找我们,按工作量收费。

客服电话:153 9760 0032

购买教程QQ:1416759661  购买教程
  热点推荐
QQ空间快乐农场种什么升级最快?
技巧篇:普通的QQ会员如何免费克隆…
【QQ农场技巧】种植哪种植物最亏本…
QQ农场能够多挖到种子的技巧
QQ空间里奴隶买卖赚钱详解
QQ漂浮客服代码
关于种什么最划算的问题
总结:QQ抢车位技巧篇
今天你偷了吗?"偷菜"游戏让人疯狂…
“开心农场”给我们的20条人生启示…
“网络钟点工”悄然走俏 年轻人热…
花50元雇人管理开心网菜地 长假催…
偷菜游戏欲更名“摘菜”
老少沉迷网络游戏半夜忙“偷菜”
技巧篇:开心农场攻略
  尊贵服务
夜鹰教程网 承接业务:软件开发 网站开发 网页设计 .Net+C#+VS2008+MSsql+Jquery+ExtJs全套高清完整版视频教程
  最近更新
采用axios传输数据
微信公众号的泛滥,让用户朋友圈变…
微信订阅号、服务号、企业号到底该…
为什么要开启安全保护功能
什么是运营者微信号、长期/短期运…
怎么知道对方是不是把自己微信删了…
公众号 订阅号 服务号 企业号 区别…
如何快速地开发一个小程序
什么是运营者微信号?如何绑定?
.NET Framework 4.5 的新特性
《魔兽世界:巫妖王之怒》即将于2…
Facebook已经采取措施应对谷歌挑战…
【QQ农场技巧】种植哪种植物最亏本…
偷菜游戏欲更名“摘菜”
中国人能够创造出全世界都喜欢的产…
  工具下载  需要远程协助? 购买教程

sql2008视频教程 c#视频教程

VIP服务:如果您的某个功能不会做,可以加我们QQ,给你做DEMO!

JQUERY  Asp.net教程

MVC视频教程  vs2012
.NET+sql开发
手机:15397600032 C#视频教程下载
vs2012 vs2008 vs2010 sql2008 sql2005
Asp.Net  

教程咨询QQ:1416759661


这篇文章不能解决你的问题?我们还有相关视频教程哦!

QQ:1416759661 新手QQ群:7835003  加Q远程协助!

在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术咨询: 购买教程  技术咨询:购买教程  大胆的加QQ咨询。

关于我们 | 广告投放 | 购买教程 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接 | 购买教程

Nighthawk Tutorials Network 快捷购买教程

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3

 

出售asp.net系列视频教程 高清原创版 每天晚上20:30--23:00在线 按照编号从简单到高级 http://www.yyjcw.com/list.html