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 相关文章推荐
解析js原生方法创建表格效率测试
Jul 08 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
js正则匹配出所有图片及图片地址src的方法
Jun 08 Javascript
javascript基础知识讲解
Jan 11 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
vue-cli3 配置开发与测试环境详解
May 17 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
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
node 标准输入流和输出流代码实例
2019/09/19 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
JS实现横向轮播图(初级版)
2020/06/24 Javascript
Vue.js的模板语法详解
2020/02/16 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
Python实现发送email的几种常用方法
2014/08/18 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
python的pip有什么用
2020/06/17 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
TripAdvisor西班牙官方网站:全球领先的旅游网站
2018/01/10 全球购物
init进程的作用
2015/08/20 面试题
法院四风对照检查材料思想汇报
2014/10/06 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
大国崛起英国观后感
2015/06/02 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书