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 相关文章推荐
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Jun 11 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
Dec 11 Javascript
js 用CreateElement动态创建标签示例
Nov 20 Javascript
JS数组去重与取重的示例代码
Jan 24 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 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 注释规范
2012/03/29 PHP
php二分查找二种实现示例
2014/03/12 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
jQuery客户端分页实例代码
2013/11/18 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
基于vue2.0实现简单轮播图
2017/11/27 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
2018/10/12 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
pytorch masked_fill报错的解决
2020/02/18 Python
法国足球商店:Footcenter
2019/07/06 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
卫校中专生的自我评价
2014/01/15 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
升国旗演讲稿
2014/09/05 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
行政二审代理词
2015/05/25 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL