1. 程式人生 > 實用技巧 >vue admin 代理配置

vue 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進行代理時,對請求路徑進行重定向以匹配到正確的請求地址 } } } }