Webpack dev server failed to configure reverse proxy

failed to configure the reverse proxy using webpack dev server. After I failed to configure the proxy in the project, I immediately downloaded a new vue cli to configure it, but it still didn"t work

proxy Settings ( config/index.js )

    proxyTable: {
      "/api": {
        target: "http://xxx.xxx.xxx.xxx:81",
        changeOrigin: true,
        secure: false
      }
    },

request

      const options = {
        news_type: 1,
        news_title: "",
        news_desc: "1111111111",
        news_url: "",
        images_url: "",
        id: 0
      }
      axios({
        method: "post",
        url: "/api/news/saveNews",
        data: options
      }).then(res => {
        if (res.data.status === "success") {
          this.$Message.success("")
        }
      })

3. Result

Vue.js webpack-dev-server

Mar.15,2021

to delegate to http://xxx.xxx/news/saveNews, you need to rewrite the beginning / api as an empty string.

pathRewrite: {
    '^/api': ''
}

proxyTable: {
      '/api'  : {
                target      : 'http://192.168.125.174:81',
                changeOrigin: true,
                pathRewrite : {
                    '^/api': ''
                }
      }
    },

Previous: Looking at axios documents, pipe, and fs respectively represent

Next: If the calculation property of VUE2.0 cannot be passed, how can my requirements be realized?

How to turn on remote mode in webpack-dev-server in vue-cli
after starting with webpack-dev-server, you can only use localhost to access it. Even if you change the dev host of index.js under config to other machines in IP, LAN, you cannot access it through this IP address. Can you set it so that other users on t...

Vue.js webpack-dev-server webpack vue-cli

Jun.30,2021
How does webpack print the requested interface information
webpack-dev-server proxy is used to solve the cross-domain problem in the process of using vue+webpack, in the project, but the address seen by each request interface is a local address, which is not convenient for debugging. How to print the requested ...

Vue.js webpack-dev-server Cross-domain Agent webpack

Jul.06,2021
Is there a problem with webpack configuration in nuxt? O_0?!
the plug-in vuex-persist is used in the development to store the data in vuex to localStorage. suddenly found that this plug-in will report an error in IE. script 1002 this error. google said for a moment that the problem was caused by the failure...

Nuxt.js javascript vue.js webpack-dev-server webpack

May.07,2022