vue解決跨域cors問題，針對vuecli4項目

cors的問題卡了一整天，本來也是初學者，對vuecli不夠了解，網上找了一堆解決方案都沒法用，怎么都找不到自己vue項目config文件夾，這才后知后覺自己用的是vuecli4，所以要在vue.config.js中配置代理，廢話不多說上代碼。

module.exports = {

  lintOnSave: false,
  devServer:{
    open:false,      // 是否打開瀏覽器;
    hotOnly:true,    // 是否熱更新;
    disableHostCheck: true,
    proxy:{
        '/api':{   // 路徑中有 /api 的請求都會走這個代理 
            target:'http://localhost:8081',    // 目標代理接口地址,實際跨域要訪問的接口，記得是填你后端springboot的端口，
            secure:false,
            changeOrigin:true,  // 開啟代理，在本地創建一個虛擬服務端
            ws:true,       // 是否啟用  websockets;
            pathRewrite:{   // 去掉 路徑中的  /api  的這一截
                '^/api':''
            }
        },
    
    },

}

 }

然后在前端中，我們使用的url中加入/api就行