vue/cli-service vue2.6 配置代理

在 vue2.6 中，可以使用 vue-cli-service 来配置代理。具体步骤如下：

1. 安装 http-proxy-middleware

在项目根目录下，执行以下命令安装 http-proxy-middleware：

npm install http-proxy-middleware --save-dev

2. 创建 vue.config.js 文件

在项目根目录下，创建 vue.config.js 文件，并添加以下代码：

const proxyMiddleware = require('http-proxy-middleware')

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 代理的目标地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 将请求地址中的 /api 前缀替换为空
        },
        onProxyReq(proxyReq, req, res) {
          // 在请求被代理之前，将请求头中的 host 替换为目标地址的 host
          proxyReq.setHeader('host', 'localhost:3000')
        }
      }
    }
  }
}

上述代码中，我们使用 http-proxy-middleware 创建了一个代理，将以 /api 开头的请求转发到 http://localhost:3000，同时将请求头中的 host 替换为目标地址的 host。

3. 启动开发服务器

在命令行中执行以下命令启动开发服务器：

vue-cli-service serve

4. 发送请求

现在，我们可以在前端代码中发送以 /api 开头的请求，这些请求会被代理转发到 http://localhost:3000：

axios.get('/api/users')
  .then(response => console.log(response.data))
  .catch(error => console.log(error))

以上就是在 vue2.6 中配置代理的步骤。