webpack-dev-server 仅代理“localhost”请求

Question

Webpack-dev-server 代理损坏，因为我更改了 Axios 基本 url。在我开始使用axiosInstance 之前它工作正常，因此从“localhost:80”代理到“localhost:8080”。下面是我的webpack.config.js 和axiosConfig.js 模块。有谁明白这是怎么回事？

请在此处找到重现该行为的最低配置的 repo：https://github.com/charlycou/webpack-dev-server-proxy-test

webpack.config.js

const webpackConfig = {
  mode: "development",
  devtool: "source-map",
  output: {
    path: path.join(__dirname, "/dist"),
    filename: "main.js"
  },
  devServer: {
    contentBase: path.join(__dirname, "public"),
    publicPath: "/dist/",
    port: 80,
    open: "Chrome",
    proxy: {
      // proxy all webpack dev-server requests starting with /observation to Spring Boot backend (localhost:8080)
      "/observation": "http://localhost:8080",
      changeOrigin: true
    }
  },
  module: {
    rules: [scssLoader, urlLoader, vueLoader]
  },
  plugins: [new VueLoaderPlugin()]
};
module.exports = webpackConfig;

axiosConfig.js

import Axios from "axios";
export let axiosInstance = Axios.create({
  baseURL: 'http://mydomain.fr:8080',
});

Answer 1

如果您使用的是 72.0.3626.109 - 您是否尝试过其他浏览器？

我无法在最新的 Chrome 中使用代理，但 IE11 或 FF 一切正常。 顺便说一句，我并不是在谈论 Webpack-dev-server，但我也在为代理而苦苦挣扎:(