VUE配置代理服务器

在Vue项目中，配置代理服务器通常是为了解决开发过程中的跨域问题。你可以在项目根目录中的vue.config.js文件中配置devServer.proxy选项来设置代理。

// vue.config.js

module.exports = {

  devServer: {

    proxy: {

      '/api': {

        target: 'http://target-server.com',

        changeOrigin: true,

        pathRewrite: {

          '^/api': ''

        }

      }

    }

  }

}

在这个配置中，当请求以/api开头时，所有的请求都会被代理到http://target-server.com。changeOrigin选项设置为true意味着请求头中的Host会被设置为目标服务器的地址。pathRewrite选项用于重写请求路径。

现在，当你发送一个请求到/api/some-endpoint时，它会被代理到http://target-server.com/some-endpoint。

请确保在配置代理时，目标服务器地址是可以访问的，否则代理将无法工作。