vue.config.js配置跨域

 

devServer

• Type: Object

  所有 webpack-dev-server 的選項都支持。注意：

  • 有些值像 host、port 和 https 可能會被命令行參數覆寫。

  • 有些值像 publicPath 和 historyApiFallback 不應該被修改，因為它們需要和開發服務器的 publicPath 同步以保障正常的工作。

#devServer.proxy

• Type: string | Object

  如果你的前端應用和后端 API 服務器沒有運行在同一個主機上，你需要在開發環境下將 API 請求代理到 API 服務器。這個問題可以通過 vue.config.js 中的 devServer.proxy 選項來配置。

  devServer.proxy 可以是一個指向開發環境 API 服務器的字符串：

  module.exports = {
    devServer: {
      proxy: 'http://localhost:4000'
    }
  }
  

  這會告訴開發服務器將任何未知請求 (沒有匹配到靜態文件的請求) 代理到http://localhost:4000。

  如果你想要更多的代理控制行為，也可以使用一個 path: options 成對的對象。完整的選項可以查閱 http-proxy-middleware 。

  module.exports = {
    devServer: {
      proxy: {
        '/api': {
          target: '<url>',
          ws: true,
          changeOrigin: true
        },
        '/foo': {
          target: '<other_url>'
        }
      }
    }
  }

 

詳情請見：https://cli.vuejs.org/zh/config/