當我們在使用vue.js進行專案開發時，因為我們可以本地以localhost:port（埠號）這樣形式啟動專案進行本地除錯，這個時候我們需要使用後端介面就會出現跨域問題，這是因為localhost和訪問域名不一致造成，在vue-cli使用的模板外掛中，就有解決這個問題的方法，它是通過使用node代理來將localhost對映成訪問的域名。

我們是在config下的index.js檔案中進行設定，一般我們使用vue-cli搭建好專案需要跨域只需要修改下面部分：

dev: {
    env: require('./dev.env'),
    port: 8686,   //這裡的埠號每個專案對應一個，就可以直接訪問localhost:8686
 

    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/api':{     //這裡是公共部分，在呼叫介面時後面接不相同的部分，/api就相當於http://192.168.0.199:8926/api這一段
            target:'http://192.168.0.199:8926',   //這裡寫的是訪問介面的域名和埠號
            changeOrigin: true, // 必須加上這個才能跨域請求
            // pathRewrite: {  // 重新命名
 

            //   '^/api': ''
            // }
        }
    },

我們可以同時代理多個地址，此時我們已經完全解決了跨域問題，以及本地測試後臺無法向我們本地環境設定cookie的情況了。