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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
Prototype使用指南之array.js
Jan 10 Javascript
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
js data日期初始化的5种方法
Dec 29 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
JS创建对象的写法示例
Nov 04 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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 JSON格式数据交互实例代码详解
2011/01/13 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
js中cookie的使用详细分析
2008/05/28 Javascript
JS location几个方法小姐
2008/07/09 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
layui添加动态菜单与选项卡
2019/07/26 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
Python的面向对象思想分析
2015/01/14 Python
Python转换HTML到Text纯文本的方法
2015/01/15 Python
python常用知识梳理(必看篇)
2017/03/23 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
Python 求向量的余弦值操作
2021/03/04 Python
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
中专生毕业自我鉴定
2013/11/01 职场文书
名人演讲稿范文
2014/09/16 职场文书
投资申请报告
2015/05/19 职场文书
走近毛泽东观后感
2015/06/04 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书