1. 程式人生 > >vue——webpack跨域設定

vue——webpack跨域設定

使用 vue-cli 建立vue專案,在config配置資料夾下的index.js中,dev屬性中有關於跨域代理的 proxyTable 屬性,預設為空屬性,

    proxyTable: {
      '/api':{
        target:'http://localhost:3000', //目標URL地址
        changeOrigin: true, //是否跨域,預設為true
        pathRewrite: {
          '^/api': '/' //重寫介面,把本地URL http://localhost:8080/api 轉到 http://localhost:3000 根目錄下
        }
      }
    },
    host: 'localhost', 
    port: 8080,