Vue跨域请求问题解决方案过程解析


Posted in Javascript onAugust 07, 2020

一、这是我们本次要请求的url接口地址http://iwenwiki.com/api/blueberrypai/getBlueBerryJamInfo.php

Vue跨域请求问题解决方案过程解析

查看页面响应信息,提示跨域有问题

Vue跨域请求问题解决方案过程解析####

二、解决上面跨域问题:根目录写入以下vue.config.js

// vue.config.js

module.exports = {
 devServer: {
  proxy: {
   // 配置跨域
   '/api': {
    target: 'http://iwenwiki.com',
    ws: true,
    changOrigin: true,
    pathRewrite: {
     '^/api': ''
    }
   }
  }
 },
}

三、然后在发送ajax请求的地方做如下操作,使用在上面文件中配置的api。api/blueberrypai/getBlueBerryJamInfo.php是我的请求路径一部分,根据自己具体需求写。然后请求就可以成功发送。

Vue跨域请求问题解决方案过程解析

配置完成之后一定要重启(重点!!!)

Vue跨域请求问题解决方案过程解析####

四、如果想不填写其中“/api”,也可以去main.js中配置全局配置,具体如下

Vue跨域请求问题解决方案过程解析Vue跨域请求问题解决方案过程解析

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery中:input和input的区别分析
Jul 13 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
原生js实现分页效果
Sep 23 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 #jQuery
vue递归获取父元素的元素实例
Aug 07 #Javascript
在vue中使用Base64转码的案例
Aug 07 #Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 #Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 #Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 #Javascript
浅谈javascript如何获取文件后缀名
Aug 07 #Javascript
You might like
PHP 计算至少是其他数字两倍的最大数的实现代码
2020/05/26 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
javascript中this指向详解
2016/04/23 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
python+pyqt实现12306图片验证效果
2017/10/25 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
Sanic框架Cookies操作示例
2018/07/17 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
python使用正则来处理各种匹配问题
2019/12/22 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Python celery原理及运行流程解析
2020/06/13 Python
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
管理部部长岗位职责
2013/12/05 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
艺术节主持词
2014/04/02 职场文书
法律顾问服务方案
2014/05/15 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
介绍信的格式
2015/01/30 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
暑期工社会实践报告
2015/07/13 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript