VueCli4项目配置反向代理proxy的方法步骤


Posted in Javascript onMay 17, 2020

Vue Cli4创建项目之后,没有配置vue.config.js,如果直接发起axios请求,可能会引起跨域问题.

以豆瓣电影首页的最近热门 为例:

axios({
  method: "get",
  url: "https://movie.douban.com/j/search_subjects",
  params: {
  type: "movie",
  tag: "热门",
  page_limit: 50,
  page_start: 0
  }
 }).then(res => {
  console.log(res.data);
 });

如果直接发起请求必然会引起跨域错误,只需要在项目根目录手动创建vue.config.js文件:

module.exports = {
 devServer: {
 proxy: {
  "/j": {
  target: "https://movie.douban.com",
  changeOrigin: true
  }
 }
 }
};

然后修改axios请求的url地址:

url:"/j/search_subjects"

最后 重启该项目 重启该项目 重启该项目 即可

到此这篇关于VueCli4项目配置反向代理proxy的方法步骤的文章就介绍到这了,更多相关VueCli4反向代理proxy内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
验证javascript中Object和Function的关系的三段简单代码
Jun 27 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 Javascript
JavaScript链式调用原理与实现方法详解
May 16 #Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
May 16 #Javascript
JavaScript接口实现方法实例分析
May 16 #Javascript
JavaScript 类的封装操作示例详解
May 16 #Javascript
jquery+css3实现的经典弹出层效果示例
May 16 #jQuery
js抽奖转盘实现方法分析
May 16 #Javascript
JSONP 的原理、理解 与 实例分析
May 16 #Javascript
You might like
PHP 防恶意刷新实现代码
2010/05/16 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
php页面缓存方法小结
2015/01/10 PHP
php将12小时制转换成24小时制的方法
2015/03/31 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
2010/11/16 Javascript
js 动态文字滚动的例子
2011/01/17 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
由浅入深剖析Angular表单验证
2016/07/14 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
Angular工具方法学习
2016/12/26 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
Python的Flask开发框架简单上手笔记
2015/11/16 Python
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
python实现对输入的密文加密
2019/03/20 Python
QML使用Python的函数过程解析
2019/09/26 Python
python Shapely使用指南详解
2020/02/18 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
C语言中break与continue的区别
2012/07/12 面试题
酒店保安领班职务说明书
2014/03/04 职场文书
小学生期末评语
2014/04/21 职场文书
工厂标语大全
2014/10/06 职场文书
转让协议书
2015/01/27 职场文书