vuecli5.0.8怎么进行跨域请求配置

在 Vue CLI 5.0.8 中进行跨域请求配置有以下两种方法：

方法一：在 vue.config.js 中配置 devServer.proxy

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将 /api 替换为空字符串
        }
      }
    }
  }
}

以上配置表示当请求以 /api 开头时，将请求转发到 http://localhost:3000，同时将请求头中的 origin 属性更改为目标地址的域名。

方法二：使用 http-proxy-middleware 库

const proxyMiddleware = require('http-proxy-middleware')
module.exports = {
  devServer: {
    before: app => {
      app.use(
        '/api',
        proxyMiddleware({
          target: 'http://localhost:3000',
          changeOrigin: true,
          pathRewrite: {
            '^/api': '' // 将 /api 替换为空字符串
          }
        })
      )
    }
  }
}

以上配置与方法一类似，只是使用了 http-proxy-middleware 库来实现代理。在 before 钩子函数中使用 app.use() 方法将代理中间件添加到 Express 应用中即可。

注意：以上配置仅适用于开发环境。在生产环境中，应该在服务器端进行跨域请求配置。