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 相关文章推荐
JavaScript 动态改变图片大小
Jun 11 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
jQuery aminate方法定位到页面具体位置
Dec 26 Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 Vue.js
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
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
php实现session共享的实例方法
2019/09/19 PHP
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
Python实现控制台进度条功能
2016/01/04 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
主管职责范文
2013/11/09 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
排查整治工作方案
2014/06/09 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
工资收入证明
2014/10/07 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL