vue 实现cli3.0中使用proxy进行代理转发


Posted in Javascript onOctober 30, 2019

解决方法:

在vue项目的根目录下添加 vue.config.js文件,文件中需要按照下面写法来写

module.exports = {
 lintOnSave: true,
 
 devServer: {
 proxy: {
  // proxy all requests starting with /api to jsonplaceholder
  '/api': {
  target: 'http://localhost:8080', //代理接口
  changeOrigin: true,
  pathRewrite: {
   '^/api': '/mock' //代理的路径
  }
  }
 }
 }
}

然后你就可以在代码中使用 /api 来代替http://localhost:8080/mock啦

以上这篇vue 实现cli3.0中使用proxy进行代理转发就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ExtJS GTGrid 简单用户管理
Jul 01 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
如何在Linux上安装Node.js
Apr 01 Javascript
详谈jQuery中的一些正则匹配表达式
Mar 08 Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
微信小程序实现商城倒计时
Nov 01 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
Aug 04 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 #Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 #Javascript
vue - vue.config.js中devServer配置方式
Oct 30 #Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 #Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 #Javascript
基于JavaScript实现单例模式
Oct 30 #Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 #Javascript
You might like
说明的比较细的php 正则学习实例
2008/07/30 PHP
php适配器模式介绍
2012/08/14 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
php强制运行广告的方法
2014/12/01 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
javascript中常用编程知识
2013/04/08 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
vue父组件给子组件的组件传值provide inject的方法
2019/10/23 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
详解Python sys.argv使用方法
2019/05/10 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
描述RIP和OSPF区别以及特点
2015/01/17 面试题
J2EE中常用的名词进行解释
2015/11/09 面试题
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
检讨书模板
2015/01/29 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
Python实现聚类K-means算法详解
2022/07/15 Python