VueCil代理本地proxytable无效报错404的解决方案_proxytable配置代理,第二个代理不生效-CSDN博客

本文链接：https://blog.csdn.net/weixin_43216105/article/details/105844391

VueCil代理本地proxytable无效报错404的解决方案

前言
正文
结语

前言

因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人；

正文

1. 为什么要使用代理？

代理的作用是：把请求代理转发到其他服务器的中间件；

例如：我们当前主机为http://localhost:8080/，现在我们有一个需求，如果我们请求/api，我们不希望由3000来处理这个请求，而希望由另一台服务器https://www.example.org/api来处理这个请求怎么办？

这时候就要使用代理来解决！

2. 在vue中如何使用多个代理？

module.exports = {
   
dev: {
   
    proxyTable: {
   
    	// 第一个代理
      '/api-test': {
     
        target: 'https://www.example.org:', /// 目标服务器 host
        ws:true, //是否启用websocket
        secure: true,  // 如果是https接口，需要配置这个参数
        changeOrigin: true,  // // 默认false，是否需要改变原始主机头为目标URL，是否跨域
        pathRewrite