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 相关文章推荐
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
JS排序之选择排序详解
Apr 08 Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 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 阴历-农历-转换类代码
2012/01/16 PHP
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
理解Javascript_11_constructor实现原理
2010/10/18 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
Vue header组件开发详解
2018/01/26 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
如何利用Fabric自动化你的任务
2016/10/20 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
python爬虫实现获取下一页代码
2020/03/13 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
Araks官网:纽约内衣品牌
2020/10/15 全球购物
全球精选男装和家居用品:Article
2020/04/13 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
职专应届生求职信
2013/11/16 职场文书
财务会计自荐信范文
2014/02/21 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
在Spring-Boot中如何使用@Value注解注入集合类
2021/08/02 Java/Android