vue cli3 配置proxy代理无效的解决


Posted in Javascript onOctober 30, 2019

vue cli3 创建的vue项目配置开发环境代理无效,网上的各种配置都试了,还是不行,最后终于试出来一种配置方法

vue.config.js配置如下内容(不要配置任何多余的选项,什么changOrigin pathRewrite 之类的东西都不要配):

module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081",
    port: 8085
  }
}

axios访问的时候不要配置任何东西,axios里访问的url不需要加任何前缀,如下

vue cli3 配置proxy代理无效的解决

补充注释如下:

const webpack = require('webpack')
module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081", //开发环境的跨域问题解决,后端springboot服务ip 和 端口
    port: 8085 //dev模式下的前端服务端口,也就是浏览器通过localhost:8085 访问前端页面
  },
 configureWebpack: {
  plugins: [
   new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery",
    "windows.jQuery":"jquery"
   })
  ]
 }
}

以上这篇vue cli3 配置proxy代理无效的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
javascript运动详解
Jul 06 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
vue获取验证码倒计时组件
Aug 26 Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 Javascript
聊聊JS ES6中的解构
Apr 29 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
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 #Javascript
You might like
SONY ICF-SW7600的电路分析
2021/03/02 无线电
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
如何让动态插入的javascript脚本代码跑起来。
2007/01/09 Javascript
JS 对象介绍
2010/01/20 Javascript
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
2018/09/16 Javascript
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
Node 代理访问的实现
2019/09/19 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
python实现多线程采集的2个代码例子
2014/07/07 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
python处理excel绘制雷达图
2019/10/18 Python
django使用F方法更新一个对象多个对象字段的实现
2020/03/28 Python
python 追踪except信息方式
2020/04/25 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
EJB的基本架构
2016/09/22 面试题
怎样写留学自荐信
2013/11/11 职场文书
中专生职业生涯规划书范文
2013/12/29 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
离婚协议书范文2014
2014/10/16 职场文书
Java设计模式之代理模式
2022/04/22 Java/Android