vue element admin 代理配置

 vue項目的話，在vue.config.js 里面找到devServer配置代理
 
  devServer: {
    port: 8081,  // 端口
    // open: true,  // 是否自動打開瀏覽器
    overlay: {
      warnings: false,
      errors: true
    },
    hot: true, //單純設置為true的時候，如果編譯報錯，會拋出錯誤，你重新改成正確的，這個時候又會觸發重新編譯，整個瀏覽器會重新刷新！
    headers: {
      'Access-Control-Allow-Origin': '*',     //允許所有域名訪問 
      'Access-Control-Allow-Credentials': 'true' //是否允許后續請求攜帶認證信息（cookies）,該值只能是true,否則不返回
    },
    host: '0.0.0.0',
    proxy: {  // 代理
      '/admin': {
        target: 'http://192.168.1.100:8080', // 后台端口地址
        changeOrigin: true, // 將基於名稱的虛擬托管網站的選項，如果不配置，請求會報404  如果接口跨域，需要進行這個參數配置
        ws: true, // true / false，是否代理websockets
        secure: false, // 如果是https接口，需要配置這個參數
        pathRewrite: {
          '^/admin': ''  //pathRewrite是使用proxy進行代理時，對請求路徑進行重定向以匹配到正確的請求地址
        }
      }
    }
  }