vue config devServer 代理在开发模式下不起作用

Posted

技术标签:

【中文标题】vue config devServer 代理在开发模式下不起作用【英文标题】:vue config devServer proxy is not working in development mode 【发布时间】:2022-01-10 15:59:55 【问题描述】:

我已将 devServer 代理目标添加为

devServer: 
   proxy: 
     '^/': 
       target: 'https://xmlpi-ea.dhl.com/',
       ws: true,
       changeOrigin: true
     
   
  

但是当我使用 npm run build 进行构建时它不起作用,有解决方法吗?

【问题讨论】:

开发服务器仅用于开发模式。 npm run build 不会将服务器捆绑到应用程序中。 npm run build 的结果旨在由您自己的生产服务器提供服务。 【参考方案1】:

这是用于生产而不是用于开发。

npm run build

如果您使用的是 vue-cli,您可以使用 npm run serve

【讨论】:

先生,我的开发服务器运行得很好,但我现在问我如何在 vue 应用程序的生产版本中遵循代理?比如在制作vue app时遵循这个代理的方法是什么。

以上是关于vue config devServer 代理在开发模式下不起作用的主要内容,如果未能解决你的问题,请参考以下文章

vue devServer proxy 代理无效的问题

devServer 代理缺少 URL 部分

vue前后端分离端口号代理配置

VueJs - 在 vue.config 中设置多个代理

vue.config.js配置代理处理跨域

vue.config.js跨域配置,以及代理配置