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 相关文章推荐
jquery中动态效果小结
Dec 16 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
Javascript实现可旋转的圆圈实例代码
Aug 04 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
Aug 29 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
js实现星星打分效果
Jul 05 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
写得不错的jquery table鼠标经过变色代码
2013/09/27 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
[45:56]Ti4正赛第一天 VG vs NEWBEE 3
2014/07/19 DOTA
python学习手册中的python多态示例代码
2014/01/21 Python
Python随机生成数模块random使用实例
2015/04/13 Python
python处理二进制数据的方法
2015/06/03 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
python 异步async库的使用说明
2020/05/04 Python
python如何对链表操作
2020/10/10 Python
css3的focus-within选择器的使用
2020/05/11 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
分布式数据库需要考虑哪些问题
2013/12/08 面试题
2014年十一国庆节活动方案
2014/09/16 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS