vue dev配置代理會報404

這個問題背景：
使用代理作為請求后台api （config/index.js）
proxyTable: {
'/api/': {
target: 'http://10.25.27.140:31516/',
changeOrigin: true, // 在本地會創建一個虛擬服務端，然后發送請求的數據，並同時接收請求的數據，這樣服務端和服務端進行數據的交互就不會有跨域問題
secure: false, // https下設置為true
pathRewrite: {}
},
},

上面的'/api/' 一定需要定義不同，不能使用 / 或 和本地url路徑相同的，因為這樣會導致404
因為代理請求的接口url和頁面的url混用，會導致當你刷新子頁面時會拿頁面url到代理那邊請求，這樣會導致404~

比如你上面api 是 / ,就當你刷新子頁面時url會匹配到代理這里所以會報404，因為代理服務后端沒有這個url。