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 对象比较实现代码
Apr 27 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
EasyUI为Numberbox添加blur事件的方法
Mar 05 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
vue.js项目nginx部署教程
Apr 05 Javascript
js中事件对象和事件委托的介绍
Jan 21 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设计模式 Visitor 访问者模式
2011/06/28 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
jquery 全局AJAX事件使用代码
2010/11/05 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
vue中组件的3种使用方式详解
2019/03/23 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
python实现的一个火车票转让信息采集器
2014/07/09 Python
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
保护母亲河倡议书
2014/04/14 职场文书
授权委托书
2014/07/31 职场文书
办公用品质量保证书
2015/05/11 职场文书
让生命充满爱观后感
2015/06/08 职场文书