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

Posted 2023-02-19

【中文标题】webpack-dev-server 仅代理“localhost”请求

【英文标题】：webpack-dev-server only proxy "localhost" request

【发布时间】：2019-07-08 18:21:51

【问题描述】：

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',
);

【参考方案1】：

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

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

【讨论】：

我没有使用 72.0.3626.109 并且我尝试了其他浏览器是的。我建议你看看the help center - how do I write a good answer。你的回答没有帮助，但看起来你也有问题！所以继续post your own question!