vue admin 代理配置
阿新 • • 發佈:2021-01-09
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,是否代理websocketssecure: false, // 如果是https介面,需要配置這個引數 pathRewrite: { '^/admin': '' //pathRewrite是使用proxy進行代理時,對請求路徑進行重定向以匹配到正確的請求地址 } } } }