vue devserver请求路径/login 配置proxy代理

如果你想在Vue的devServer中配置代理以便在请求路径为`/login`时将请求代理到后端服务器，你可以在`vue.config.js`文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/login': {
        target: 'http://your-backend-server.com',
        changeOrigin: true
      }
    }
  }
}

这将把所有以`/login`开头的请求代理到`http://your-backend-server.com`。`changeOrigin`选项用于更改来源头以避免跨域问题。

相关问题

vue里面怎么配置代理才能将http://localhost:8080/oper/login的localhost替换成192.168.1.160

可以在 `vue.config.js` 文件中配置代理：

module.exports = {
  devServer: {
    proxy: {
      '/oper': {
        target: 'http://192.168.1.160:8080',
        changeOrigin: true
      }
    }
  }
}

这里的配置表示，当请求路径以 `/oper` 开头时，将请求转发到 `http://192.168.1.160:8080`，并将请求头中的 Host 字段替换成 `192.168.1.160`。这样，在开发环境下，当访问 `http://localhost:8080/oper/login` 时，实际上会被转发到 `http://192.168.1.160:8080/oper/login`。

const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ devServer: { proxy: { '/api': { target: 'http://api.example.com:90',//代理的接口地址 changeOrigin: true,//允许跨域/api/v1/login/register_expert pathRewrite: { '^/api': '' } } } }, transpileDependencies: true })

你的`vue.config.js`文件中的配置看起来是正确的。这个配置会将以`/api`开头的请求代理到`http://api.example.com:90`这个目标地址，并允许跨域请求。同时，通过`pathRewrite`选项，将请求路径中的`/api`前缀重写为空字符串，以适应目标接口的路径。

这样配置后，你可以在前端代码中使用`/api`前缀来代替实际请求的域名部分。例如，原本的请求地址为`http://api.example.com:90/some/api`，现在可以改为`/api/some/api`。

请确保你已经正确安装了`@vue/cli-service`模块，并且重新启动了Vue项目，以使配置生效。如果一切正常，你应该能够成功进行跨域请求。

如果你仍然遇到问题，请提供更多的错误信息和细节，以便更好地帮助你解决问题。