vue-cli3 配置 vue.config.js

// vue.config.js
module.exports = {
  // 選項
  // baseUrl 從 Vue CLI 3.3 起已棄用
  // 部署應用包時的基本 URL
  publicPath: '',
  // 當運行 vue-cli-service build 時生成的生產環境構建文件的目錄，默認是dist
  outputDir: 'dist',
  // 放置生成的靜態資源 (js、css、img、fonts) 的 (相對於 outputDir 的) 目錄。
  assetsDir: '',
  // 配置url代理 可配置多個
  devServer: {
    proxy: {
      '/': {
        target: 'http://xxx',
        changeOrigin: true, 
      },
      // 'api': {
      //   target: 'http://www.example.org', // target host //目標主機 
      //   changeOrigin: true, // needed for virtual hosted sites //需要虛擬主機站點 
      //   ws: true, // proxy websockets //代理的WebSockets 
      //   pathRewrite: { //重寫路徑
      //     '^/api/old-path': '/api/new-path', // rewrite path
      //     '^/api/remove/path': '/path' // remove base path
      //   },
      //   router: { // 路由
      //     // when request.headers.host == 'dev.localhost:3000',
      //     // override target 'http://www.example.org' to 'http://localhost:8000'
      //     'dev.localhost:3000': 'http://localhost:8000'
      //   }
      // }
    }
  }
}