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中的对象化编程
Jan 16 Javascript
js的一些常用方法小结
Jun 29 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
理解JavaScript的变量的入门教程
Jul 07 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
详解webpack2异步加载套路
Sep 14 Javascript
Vue实现开心消消乐游戏算法
Oct 22 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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
php+ajax实时输入自动搜索匹配的方法
2014/12/26 PHP
微信API接口大全
2015/04/15 PHP
php实现的RSS生成类实例
2015/04/23 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
Vue列表渲染的示例代码
2018/11/01 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
详解如何在JS代码中消灭for循环
2019/12/11 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
Python调用Windows命令打印文件
2020/02/07 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
matplotlib 画双轴子图无法显示x轴的解决方法
2020/07/27 Python
Python random模块的使用示例
2020/10/10 Python
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
2016年元旦主持词
2015/07/06 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
python解析json数据
2022/04/29 Python