为什么vue.config中的devServer中的proxy不生效

有几个可能的原因：

1. 检查一下你的代理地址是否正确，确保代理地址和目标服务器地址一致。

2. 确保你的代理地址是以 http:// 或 https:// 开头的。

3. 如果你使用了 HTTPS 协议，你需要在代理配置中设置 secure: false。这是因为默认情况下，HTTPS 协议需要验证证书，而代理没有证书会导致请求失败。

4. 检查一下你的请求是否符合代理规则，例如请求路径是否匹配代理规则中的路径。

5. 如果你使用了 webpack-dev-server 作为开发服务器，你需要在启动命令中添加 --inline 参数，否则代理可能会失效。

如果以上方法都没有解决问题，你可以考虑使用其他的代理方式，例如利用 Node.js 的 http-proxy-middleware 中间件来实现代理。

相关问题

vue.config.js proxy不生效

要使vue.config.js中的proxy生效，需要正确配置devServer.proxy选项。根据引用和引用的内容，可以将vue.config.js配置为以下形式：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8081',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

这样配置后，当访问以`/api`开头的接口时，会将请求代理到`http://localhost:8081`上。请注意确保代理目标服务器已启动并能够正确响应请求。

同时，还需要在main.js文件中设置axios.defaults.baseURL为'/api'，如引用所述，以确保axios在发送请求时自动添加/api前缀来实现跨域访问。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue cli3 配置proxy代理无效的解决](https://download.csdn.net/download/weixin_38622467/14828750)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [proxy代理不生效、vue config.js不生效解决方法](https://blog.csdn.net/weixin_47379721/article/details/128576797)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

配置vue.config.js中的proxy

根据提供的引用内容，可以配置vue.config.js中的proxy如下：

devServer: {
  proxy: {
    '^/api/': {
      target: 'http://localhost:8060',
      changeOrigin: true
    },
    "/apis": {
      target: 'https://example.com',
      changeOrigin: true,
      secure: false,
      headers: {
        Referer: 'https://example.com'
      }
    },
    '/chc-shop': {
      target: 'https://www.zhbbroker.cn',
      changeOrigin: true,
      secure: false,
      logLevel: 'debug'
    },
    '^/v1': {
      target: 'https://monitor-api.xxx',
      changeOrigin: true
    },
    '^/(d|api|login|public)/': {
      target: 'https://monitor-third-pard-api.xxx',
      ws: true,
      changeOrigin: true
    }
  }
}

以上配置中，`^/api/`和`/apis`路径会被代理到`http://localhost:8060`和`https://example.com`，而`/chc-shop`路径会被代理到`https://www.zhbbroker.cn`。另外，`^/v1`路径会被代理到`https://monitor-api.xxx`，而`^/(d|api|login|public)/`路径会被代理到`https://monitor-third-pard-api.xxx`。请注意，配置代理后需要重启项目才能生效。