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 相关文章推荐
script标签的 charset 属性使用说明
Dec 04 Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
jQuery插件expander实现图片翻转特效
May 21 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
vue中锚点的三种方法
Jul 06 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
JS异步宏队列微队列原理详解
Sep 09 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 json_encode奇怪问题说明
2011/09/27 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
js每次Title显示不同的名言
2008/09/25 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
JavaScript动态检测密码强度原理及实现方法详解
2019/06/11 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
[37:35]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第二局
2016/02/25 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
详解Django框架中用context来解析模板的方法
2015/07/20 Python
python判断字符串是否是json格式方法分享
2017/11/07 Python
python语音识别实践之百度语音API
2018/08/30 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
在keras里实现自定义上采样层
2020/06/28 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
应届生体育教师自荐信
2013/10/03 职场文书
学生会离职感言
2014/02/11 职场文书
女生节标语
2014/06/26 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书