vue代理

leo_qin發表於2018-02-24
  • 使用vue-cli調介面的時候,總是會出現跨域問題,在vue-cli中,有關於proxyTable,這個配置就是將localhost對映成訪問的域名。

那麼何為代理?

  • 代理伺服器英文全稱是Proxy Server,其功能就是代理網路使用者去取得網路資訊。形象的說:它是網路資訊的中轉站。

那麼在vue裡,如何設定代理?

  • 1.config目錄找到index.js
  • 2.在dev裡新增proxyTable
proxyTable: {
      `/`:{
        target:`http://localhost:3000`,
        changeOrigin: true,
        pathRewrite:{
          `^/`:`/`
        }
      },
    },

這樣我們在寫url的時候,只用寫成/test/1就可以代表http://localhost:3000/test/1.

這一步為止,重新npm start

相關文章