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 相关文章推荐
JS跨域代码片段
Aug 30 Javascript
js控制表单奇偶行样式的简单方法
Jul 31 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
浅谈addEventListener和attachEvent的区别
Jul 14 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
微信小程序自定义tab实现多层tab嵌套功能
Jun 15 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
JavaScript简单编程实例学习
Feb 14 Javascript
Paypal支付不完全指北
Jun 04 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和ACCESS写聊天室(三)
2006/10/09 PHP
解析php中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
CI框架Session.php源码分析
2014/11/03 PHP
四种php中webservice实现的简单架构方法及实例
2015/02/03 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
Python日期的加减等操作的示例
2017/08/15 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
python 创建一维的0向量实例
2019/12/02 Python
Python设计密码强度校验程序
2020/07/30 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
手工制作的意大利太阳镜和光学元件:Illesteva
2019/01/19 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
ABOUT YOU罗马尼亚:超过600个时尚品牌
2019/09/19 全球购物
关于Java finally的面试题
2016/04/27 面试题
最新的大学生找工作自我评价
2013/09/29 职场文书
教师年终个人自我评价
2013/10/04 职场文书
百度吧主申请感言
2014/01/12 职场文书
法学专业自我鉴定
2014/02/05 职场文书
起诉状范本
2015/05/20 职场文书
科级干部培训心得体会
2016/01/06 职场文书
《检阅》教学反思
2016/02/22 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
MySQL Server 层四个日志
2022/03/31 MySQL
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers