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 相关文章推荐
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
JavaScript表单验证开发
Nov 23 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
Vue slot用法(小结)
Oct 22 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
JS实现水平移动与垂直移动动画
Dec 19 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
一个域名查询的程序
2006/10/09 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
extjs DataReader、JsonReader、XmlReader的构造方法
2009/11/07 Javascript
js数组的操作详解
2013/03/27 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
js实现tab切换效果实例
2015/09/16 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
Python基于递归算法实现的走迷宫问题
2017/08/04 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
使用tensorflow实现线性svm
2018/09/07 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
Flask处理Web表单的实现方法
2021/01/31 Python
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
七年级生物教学反思
2014/01/30 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技