使用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: {
   '^/api-test/old': '/api-test/new' // 重寫請求，比如我們源訪問的是api-test/old，那么請求會被解析為/api-test/new
  },
  //第二個代理
  '/api-else': { 
  target: 'https://197.32.22.33:8090', 
  ws:true, //是否啟用websocket
  secure: true, 
  changeOrigin: true, 
  pathRewrite: {
   '^/api-else': '' //默認寫法，如果不寫pathRewrite就是默認為空；
  },
  //第三個代理
  '/api-three': { 
  target: 'https://197.32.22.33:9090', 
  changeOrigin: true, 
  pathRewrite: {
   '^/api-three': '/api-three' //重寫請求，這樣本地請求不會有兩次/api-three
  },
  }
 },

文章名稱：使用VueCil代理本地proxytable時出現報錯404怎么解決-創新互聯
轉載來于：http://vcdvsql.cn/article40/ddjdho.html

成都網站建設公司_創新互聯，為您提供做網站、面包屑導航、關鍵詞優化、建站公司、軟件開發、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯