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的$(document).ready()和onload的加载顺序
May 26 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
node通过npm写一个cli命令行工具
Oct 12 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
koa2的中间件功能及应用示例
Mar 05 Javascript
小程序实现筛子抽奖
May 26 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
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
javascript自执行函数
2017/02/10 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
vue axios用法教程详解
2017/07/23 Javascript
vue.js如何将echarts封装为组件一键使用详解
2017/10/10 Javascript
es6在react中的应用代码解析
2017/11/08 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
js仿360开机效果
2019/12/26 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
Python计算一个文件里字数的方法
2015/06/15 Python
一张图带我们入门Python基础教程
2017/02/05 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
python爬虫用mongodb的理由
2020/07/28 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
英文自荐信格式
2013/11/28 职场文书
网络教育自我鉴定
2014/02/04 职场文书
《画》教学反思
2014/04/14 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
家长会后的感想
2015/08/11 职场文书