devServer之proxy跨域

配置

注意：修改之后要重新運行一遍項目才行

devServer:{
    contentBase:'./',
    proxy:{
            // 當你請求是以/api開頭的時候，則我幫你代理訪問到http://localhost:3000
            // 例如：
            // /api/users  http://localhost:3000/api/users
            // 我們真是服務器接口是沒有/api的 
        "/api":{
            target:"http://localhost:3000",
            pathRewrite:{"^/api":""}
        }
    }
}

用代理, 首先你得有一個標識, 告訴他你這個連接要用代理. 不然的話, 可能你的 html, css, js這些靜態資源都跑去代理. 所以我們只要接口用代理, 靜態文件用本地.

‘/api’: {}, 就是告訴node, 我接口只要是’/api’開頭的才用代理.所以你的接口就要這么寫 /api/xx/xx. 最后代理的路徑就是 http://xxx.xx.com/api/xx/xx.

可是不對啊, 我正確的接口路徑里面沒有/api啊. 所以就需要 pathRewrite,用”^/api”:”, 把’/api’去掉, 這樣既能有正確標識, 又能在請求接口的時候去掉api.