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 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
jQuery文字轮播特效
Feb 12 Javascript
基于Node的React图片上传组件实现实例代码
May 10 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
JavaScript闭包原理与用法学习笔记
May 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
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
jquery实现效果比较好的table选中行颜色
2014/03/25 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
Vue.js 实现数据展示全部和收起功能
2018/09/05 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
python正则中最短匹配实现代码
2018/01/16 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
基于django传递数据到后端的例子
2019/08/16 Python
python tkinter canvas使用实例
2019/11/04 Python
python同时遍历两个list用法说明
2020/05/02 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
HTML5新增加的功能详解
2016/09/05 HTML / CSS
法国春天百货官网:Printemps.com
2020/06/29 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
淘宝中秋节活动方案
2014/01/31 职场文书
电子商务专业求职信
2014/07/10 职场文书
毕业生找工作求职信
2014/08/05 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
Redis分布式锁的7种实现
2022/04/01 Redis