Vue项目配置打包后,部署后Proxy不生效

Vue代理

在Vue项目中配置了代理,但是部署之后不生效,并且报404;

这是因为Vue配置的代理仅在本地开发下有效

部署之后,需要:

  • 在nginx中进行配置代理
  • 或者后端配置跨域;
devServer: {
    port: 7000,
    open: true,
    overlay: {
      warnings: false,
      errors: true,
    },
    proxy,
  }

 

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 打包发布后发现devServer的proxy依旧生效的原因是,打包后的dist文件只包含了组件和其他资源,而没有包含代理服务器。因此,配置vue.config.js中的devServer.proxy只在开发环境下生效,对于打包后的dist文件是无效的。所以,项目中的请求路径不完整导致无法访问到对应的资源。\[1\]\[2\]在你的情况下,你将代理地址改成了服务器地址,并执行了npm run build打包dist文件,但是这并不会影响到打包后的文件。如果你想在打包后的文件中生效代理,你需要在服务器端进行相应的配置。\[3\] #### 引用[.reference_title] - *1* *3* [Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发](https://blog.csdn.net/qq_45890970/article/details/123654674)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx反向代理](https://blog.csdn.net/m0_67403076/article/details/125345850)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值