webpack 4 & dev server

女爷i 2021-11-04 23:14 126阅读 0赞

# webpack 4 & dev server #

> proxy

[https://webpack.js.org/configuration/dev-server/\#devserverproxy][https_webpack.js.org_configuration_dev-server_devserverproxy]

[https://webpack.docschina.org/configuration/dev-server/\#devserver][https_webpack.docschina.org_configuration_dev-server_devserver]

// webpack.config.js
    
    module.exports = {
      devServer: {
        proxy: {
          '/api': 'http://localhost:3000'
        }
      }
    };

## http-proxy ##

> middleware

[https://github.com/chimurai/http-proxy-middleware\#tldr][https_github.com_chimurai_http-proxy-middleware_tldr]

var express = require('express');
    var proxy = require('http-proxy-middleware');
    
    var app = express();
    
    app.use(
      '/api',
      proxy({ target: 'http://www.example.org', changeOrigin: true })
    );
    app.listen(3000);
    
    // http://localhost:3000/api/foo/bar -> http://www.example.org/api/foo/bar

![740516-20190624140751824-1879746575.png][]

--------------------

# Chrome & CORS #

> Chrome & CORS & Fetch API & Chrome 多开，应用分身

[https://www.cnblogs.com/xgqfrms/p/9467482.html][https_www.cnblogs.com_xgqfrms_p_9467482.html]

--------------------

转载于:https://www.cnblogs.com/xgqfrms/p/11076446.html

[https_webpack.js.org_configuration_dev-server_devserverproxy]: https://webpack.js.org/configuration/dev-server/#devserverproxy
[https_webpack.docschina.org_configuration_dev-server_devserver]: https://webpack.docschina.org/configuration/dev-server/#devserver
[https_github.com_chimurai_http-proxy-middleware_tldr]: https://github.com/chimurai/http-proxy-middleware#tldr
[740516-20190624140751824-1879746575.png]: /images/20211104/a82b4c06cc974e0b93b3f0f1e0dd2480.png
[https_www.cnblogs.com_xgqfrms_p_9467482.html]: https://www.cnblogs.com/xgqfrms/p/9467482.html

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关安装webpack以及webpack-dev-server

安装webpack 1.安装之前要确保已经安装了最新版的Node.js和NPM 2.首先，创建一个目录，比如demo,然后使用npm初始化配置： npm

旧城等待，/ 2023年10月18日 09:39/ 0 赞/ 145 阅读

相关 webpack （2） webpack-dev-server & source map

使用 source map 当 webpack 打包源代码时，可能会很难追踪到错误和警告在源代码中的原始位置。例如，如果将三个源文件（`a.js`, `b.js` 和

刺骨的言语ヽ痛彻心扉/ 2023年07月07日 11:17/ 0 赞/ 41 阅读

相关 Node.js webpack webpack-dev-server

1 npm i -d webpack-dev-server 2 修改 package.json -> scripts 中的 dev 命令 "scri

曾经终败给现在/ 2023年01月04日 10:24/ 0 赞/ 171 阅读

相关 webpack-dev-server 运行原理

![format_png][] 前言现代 web 开发者们对于 webpack 想必已经很熟悉了，webpack-dev-server 几乎都是标配。但是 we

左手的ㄟ右手/ 2022年12月19日 03:38/ 0 赞/ 73 阅读

相关 webpack-dev-server使用方法

webpack-dev-server使用方法首先来回顾以下webpack的内容首先，我们来看看基本的webpack.config.js的写法 const

淡淡的烟草味﹌/ 2022年10月27日 02:56/ 0 赞/ 190 阅读

相关 webpack-dev-server 使用 hash

在 webpack-dev-server 中使用 hash 需要借助 html-webpack-plugin 工具。步骤如下： > 注意：这里只列出差异的地方，全部配置请

￡神魔★判官ぃ/ 2022年06月06日 11:42/ 0 赞/ 156 阅读

相关 webpack-dev-server 热更新配置

vue+webpack 前端开发中，有时运行npm run dev不能自动热更新，查了一下，终于解决了，主要原因还是对webpack不了解。问题描述： 1.npm run

你的名字/ 2022年06月01日 00:53/ 0 赞/ 625 阅读

相关 npm nrm cnpm webpack webpack-dev-server

NRM是提供了一些常用的NPM包镜像站的工具。因为NPM的地址源在国外，所以使用NRM可以明显的提高访问下载速度。 npm i nrm -g 全局安装nrm

r囧r小猫/ 2022年02月24日 04:36/ 0 赞/ 193 阅读

相关 webpack-dev-server使用方法

webpack-dev-server使用方法首先来回顾以下webpack的内容首先，我们来看看基本的webpack.config.js的写法 const

ゝ一纸荒年。/ 2021年11月05日 17:56/ 0 赞/ 512 阅读

相关 webpack 4 & dev server

webpack 4 & dev server > proxy [https://webpack.js.org/configuration/dev-server/\dev

女爷i/ 2021年11月04日 23:14/ 0 赞/ 127 阅读