vue.config.js 中porxy配置

在 Vue.js 项目中，可以通过配置 `vue.config.js` 文件来设置代理（proxy）服务器，以便在开发环境中发送 HTTP 请求时能够绕过同源策略限制，从而访问其他域名下的资源。

以下是一个使用 `vue.config.js` 配置代理服务器的示例：

// vue.config.js 文件
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 代理服务器地址
        changeOrigin: true, // 是否改变源地址
        pathRewrite: {
          '^/api': '' // 路径重写
        }
      }
    }
  }
}

在上面的示例中，我们将以 `/api` 开头的请求都转发到了 `http://localhost:3000` 这个地址上。`changeOrigin` 属性表示是否改变源地址，默认为 `false`。`pathRewrite` 属性用于路径重写，将以 `/api` 开头的请求路径重写为空，这样就可以让代理服务器正确地识别请求路径。

通过以上配置后，在我们的项目中发送请求时，只需要将请求路径改为 `/api/xxx` 的形式，就可以绕过同源策略访问该域名下的资源了。例如：

// 发送 GET 请求
axios.get('/api/users').then(res => {
  console.log(res.data)
})

// 发送 POST 请求
axios.post('/api/login', {username: 'admin', password: '123456'}).then(res => {
  console.log(res.data)
})

上述代码中的请求路径都以 `/api` 开头，因此会被代理服务器转发到 `http://localhost:3000` 上去。