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 浏览器检测代码精简版
Mar 04 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
jsPDF导出pdf示例
May 02 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 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
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
javascript中onmouse事件在div中失效问题的解决方法
2012/01/09 Javascript
判断ie的两种简单方法
2013/08/12 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
js判断是否是手机页面
2017/03/17 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
python 追踪except信息方式
2020/04/25 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
企业出纳岗位职责
2014/03/12 职场文书
运动会的口号
2014/06/09 职场文书
公务员群众路线专题民主生活会发言材料
2014/09/17 职场文书
介绍信的格式
2015/01/30 职场文书
小学美术教学反思
2016/02/17 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript