webpack-dev-server配合nginx启动时遇到热替换模块请求跨域

2023-11-03

当本地URL已经用Nginx代理,例如http://vue-native.guahao-inc.... 代理到http://vue-native.guahao-inc.com不带端口号时,本地的webpack-dev-server会遇到请求热更新的json文件跨域的问题,如下图:

图片描述
费了很大的劲网上找来找去都找不到好的解决办法。

突然想到,最近在玩express的跨域接口开发,那webpack继承了express有没有提供这样的可配置入口呢??

然后翻了一下webpack2的官网,果然找到了这么一条让人激动的内容:

图片描述

既然拿得到express的实例化APP对象,那么做跨域不就So Easy了~~

马上改下webpack.config.js为如下代码:
图片描述

重启webpack任务后再次尝试代码热更新,发现跨域问题不再有,开发起来依旧顺畅了~~~~

注意:.use方法末尾一定要执行next()方法,放开当前的拦截

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

webpack-dev-server配合nginx启动时遇到热替换模块请求跨域 的相关文章

随机推荐

  • 对话框拦截控件消息

    BOOL CQuickMosaicDlg PreTranslateMessage MSG pMsg if pMsg gt message WM KEYDOWN 键盘按下 if pMsg gt hwnd GetDlgItem IDC DATA
  • 结构型设计模式之装饰器模式【设计模式系列】

    系列文章目录 C 技能系列 Linux通信架构系列 C 高性能优化编程系列 深入理解软件架构设计系列 高级C 并发线程编程 设计模式系列 期待你的关注哦 现在的一切都是为将来的梦想编织翅膀 让梦想在现实中展翅高飞 Now everythin
  • 有手就会做!保姆级Jmeter分布式压测操作流程(图文并茂)

    分布式压测原理 分布式压测操作 保证本机和执行机的JDK和Jmeter版本一致 配置Jmeter环境变量 配置Jmeter配置文件 上传每个执行机服务jmeter chmod R 755 apache jmeter 5 1 1 执行机配置写
  • rk3399pro移植安装opencv源码编译包问题记录

    之前在3399pro开发板上编译了opencv4 5 1的源码 将编译后的文件导出 在新的开发板上进行移植安装 本文记录了移植安装过程中出现的问题及解决方法 2021 05 18更新 1 环境配置 在移植安装之前配置新板子的开发环境 参考博
  • centos5 下安装oracle10g

    环境 CentOS release 5 Final 1 创建用户 没啥说的 照着官方文档的思路做就行了 groupadd oinstall 创建组用户 groupadd dba 创建组用户 useradd g oinstall G dba
  • 融云:AI 机器人在社交软件中的花样存在

    最近 AIGC 行业的新话题来自 HeyGen 的一段自动生成视频 关注 融云全球互联网通信云 了解更多 一眼看上去 真 到吓人 手势 嘴型等细节逼近真人效果 除了 眨眼的频率有点高 图源 HeyGen 这是 AI 数字人公司 HeyGen
  • Ext combobox 动态模糊匹配

    var gfxmComb new Ext form ComboBox id gfxmComb store gfxmStore typeAhead true mode local editable true displayField xmMc
  • vtk python3环境安装配置

    vtk python3环境安装配置 安装miniconda 下载地址 https docs conda io en latest miniconda html https docs conda io en latest miniconda
  • 2019年金秋第五周助教小结

    总结 经观察本周作业完成情况 有一部分同学对于第二题的要求有所误解 题目的加密是要求将每个字符向后移动三个位置 而大部分人理解成了将每个字符的ASCll码值加三个单位 因为本周的作业相较容易 除了对题目的理解有问题之外 大部分同学都能写的出
  • UDP协议的简单概述

    1 UDP协议概述 UDP是User Datagram Protocol 用户数据协议 的简称 是一种无连接的协议 该协议工作在OSI模型中的第四层 传输层 处于IP协议的上一层 传输层的功能就是建立 端口到端口 的通信 UDP提供面向事务
  • C语言入门-王道考研

    1 1 C语言结构
  • 七牛云图片上传

    七牛云图片上传 进入七牛云官网 注册 登录找到对象存储 新建存储空间 进入个人中心 找到秘钥管理获取AK和SK 代码 pox xml导入依赖
  • pyecharts 画折线图去掉折线上小圆圈

    如果想删除上图标记出来的小圆圈 变为如下形式 只需在代码中加入 is symbol show False 即可 line add country date column dict country line width 3 is symbol
  • 数据库设计(真题讲解)-软件设计(三十四)

    系统开发 McCabe复杂度 下 软件设计 三十三 https blog csdn net ke1ying article details 129719533 spm 1001 2014 3001 5501 ER模型 1对1 1对多 多对多
  • matlab相关性分析频谱_利用Matlab绘制正弦信号的频谱图并做相关分析范文

    专业知识整理分享 利用 Matlab 绘制正弦信号的频谱图并做相关分析 一 作业要求 1 信号可变 信号的赋值 相位 频率可变 2 采样频率 fs 可变 3 加各种不同的窗函数并分析其影响 4 频谱校正 5 频谱细化 二 采用 matlab
  • 最少砝码问题(用一部分数的和/差表示区间上所有的整数)

    问题1 需要表示 1 N 的所有重量 最少需要多少砝码 答案 需要 1 2 4 ceiling logN 每个砝码代表二进制数的一位 N有ceiling logN 个二进制位 问题2 需要表示 1 N 的所有重量 手头已有一些砝码 问 怎样
  • 微信小程序获取用户手机号

    微信小程序获取用户手机号需要企业小程序 个人小程序是无法获取到手机号的 我们先看看官方的解释 获取手机号 获取微信用户绑定的手机号 需先调用wx login接口 因为需要用户主动触发才能发起获取手机号接口 所以该功能不由 API 来调用 需
  • mysql脏读,幻读,不可重复读以及间隙所解决幻读

    1 数据脏读 事务a修改了某条数据 然后事务b读取了事务a修改的该条数据 然后事务a由于某些原因 事务a回滚了 这样事务b读到的数据就和回滚的数据不同了 这时事务b读取的数据就是脏数据 概况一句话就是一个事务读取了另一个事务未提交的数据 2
  • 免费看小说,国产浏览器出手了,吊打各类阅读软件

    一 UC浏览器 小说多且免费 UC浏览器提供了非常方便的小说阅读体验 用户可以随意选择自己想要阅读的小说网站 并且一键切换到纯净的阅读模式 享受真正的沉浸式阅读 此外 UC浏览器还自带书城 用户可以在这里找到各种受欢迎的小说 避免书荒 书城
  • webpack-dev-server配合nginx启动时遇到热替换模块请求跨域

    当本地URL已经用Nginx代理 例如http vue native guahao inc 代理到http vue native guahao inc com不带端口号时 本地的webpack dev server会遇到请求热更新的json