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 相关文章推荐
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
Angular 路由route实例代码
Jul 12 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
JavaScript面向对象精要(上部)
Sep 12 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 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
apache rewrite_module模块使用教程
2008/01/10 PHP
php 多个submit提交表单 处理方法
2009/07/07 PHP
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
javascript window.opener的用法分析
2010/04/07 Javascript
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
2018/11/06 Javascript
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python实现矩阵乘法的方法
2015/06/28 Python
python实现朴素贝叶斯算法
2018/11/19 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
python实现趣味图片字符化
2019/04/30 Python
python实现支付宝转账接口
2019/05/07 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
自我鉴定200字
2013/10/28 职场文书
仓库组长岗位职责
2014/01/29 职场文书
新闻编辑求职信
2014/07/13 职场文书
小学生纪念九一八事变演讲稿
2014/09/14 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js