1、在開發除錯過程中，解決跨域的問題

例：本地伺服器：localhost:3030  伺服器地址：192.111.1.1:4000（虛構）

webpack配置：

devServer: {
        contentBase: "./static/",
        host: 'localhost',
        port: 3030,
        inline: true,
        hot: true,
        noInfo: true,
        proxy: {
           
            '/api/*': {
                target: 'http://192.111.1.1:4000',
                secure: false,
                changeOrigin: false // false
            }
 

]

}

this.$http('/api/login' ,{}).then()

2、打包後部署時的一些坑（注：static資料夾和index.htm平級）

（1 )打包釋出後，訪問一片空白，除了載入到index.html的title資訊

 假如java後端存放前端檔案的資料夾為WebApps

前端在router/index.js中指定base(名稱可為專案名稱)

（2）載入第三方字型檔案出錯404，例如載入了iview的css和字型

將字型檔案拷貝到static/fonts檔案下，

css拷貝到static/css檔案下，

修改css中的字型檔案引用路徑，css在index.html中引入，不在router/index.js中通過@import引入

（3）背景圖載入404

比如我在router/index.js中指定了base名稱為‘zxy’,全域性圖片存放在static/images下,修改為絕對路徑，

ps:在本地開發環境中需要去掉/zxy

(4) 執行完以上步驟，再修改config/index.js

assetsPublicPath:' ./ '

（5）將打包後的dist資料夾，修改名稱為zxy, 將整個檔案放在後端目錄WebApps下面，就可以訪問了

例如：登入頁面：192.111.1.1/zxy/login