vue 的經常使用配置詳解

這篇文章講一下一些經常使用的配置，用的是vue-cli 3

1.代理配置， 解決問題： 跨域

在項目的根目錄下新建一個vue.config.js(若是有請忽視)
好比說，如今服務器地址是 192.168.1.22:8000 。

而後再 module.exports 的對象裏面寫下 如下 代碼

module.exports = {
    devServer: {
        proxy: {
            '/api'：'http://192.168.1.22:8000',
            changeOrigin: true,
            pathRewrite: {
                '^/api': ''
            }
        }
    }
}

這段代碼的意思是 檢測 瀏覽器發出的請求，
若是是以 api開頭的，那麼採用代理，代理到 192.168.1.22 ，
或者能夠理解成 localhost:xxxx/api/..... 會去 請求 192.168.1.22/....
這邊有個參數叫 pathRewrite， 是用來重寫路徑的
這裏把 以 api 開頭的那部分改寫成 ‘’ 服務器對於localhost:xxxx/api/test -> 會去請求192.168.1.22/test